본문 바로가기
Web/CSS

[CSS] transform

by print_soo 2023. 5. 17.

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