Web/CSS
[CSS] transform
kkkkk1023
2023. 5. 17. 20:02
1. transform 이란
요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있는 속성이다.
2. transform의 속성
도형에 커서를 올리면 transform이 실행됩니다.
rotate(45deg)
rotateX(45deg)
rotateY(45deg)
scale(1.5)
scaleX(1.5)
scaleY(1.5)
skew(45deg, 45deg)
skewX(45deg)
skewY(45deg)
translate(45px, 45px)
translateX(45px)
translateY(45px)
3. transform-origin
