CSS ICON
CSS ICON은 CSS만 가지고 다양한 아이콘들을 만드는 프로젝트이다. CSS 가지고 이런 것도 가능하다니 놀랍다!
<style>
.mouse.icon {
color: #000;
position: absolute;
margin-left: 4px;
margin-top: 1px;
width: 11px;
height: 17px;
border: solid 1px currentColor;
border-radius: 6px;
}
.mouse.icon:before {
content: '';
position: absolute;
top: 6px;
left: -1px;
width: 13px;
height: 1px;
background-color: currentColor;
}
.mouse.icon:after {
content: '';
position: absolute;
top: -1px;
left: 5px;
width: 1px;
height: 7px;
background-color: currentColor;
}
</style>
<div class="mouse icon"></div>
참고문헌
2020 년 2 월 12 일 수요일 오전 12:34:26 EST
심지어 애니메이션도 하고 있더군요. 쩝 – hcho
헉 ㅋㅋ – so