STYLE SHEET/Transform

CSS Transform

Transform이란 뭔가 변형에 관련된 CSS 속성이다 뭔가 굴린다거나 변형시킨다거나 등등.. 심지어 3D도 가능하다 또한 하드웨어 가속으로 꽤 부드럽게 작동한다고하여 성능면에서 모바일 앱에서도 자주 사용하는 편이다 A B C D F .box-container { display: flex; } .box { width: 100px; height: 100px; border: 2px solid #222; background: rgba(30, 161, 255, 0.5); } 박스 변형 일으키기 :hover .box:hover { transform: scale(2); } width와 height의 동작 방식은 조금 다르다 scale 속성과 다르게 width와 height는 아래 텍스트가 밀리게 된다 여러가지 값..