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
'Web > CSS' 카테고리의 다른 글
[CSS] link & import (0) | 2023.05.23 |
---|---|
[CSS] transition (0) | 2023.05.19 |
[CSS] blend (0) | 2023.05.17 |
[CSS] filter (0) | 2023.05.15 |
[CSS] background (0) | 2023.05.15 |