transform

리충녕·2023년 7월 23일
0

css 로고


📖 transform

요소에 회전, 크기 조절, 기울임, 이동 효과를 부여할 수 있다.

속성의미
none기본값
translate요소를 현재 위치에서 지정한 x,y축 방향만큼 이동
scale요소의 크기 조절
rotate요소를 지정한 각도만큼 회전, 각도가 양수면 시계방향, 음수면 시계반대방향으로 회전
skew요소를 지정한 각도만큼 x,y축 방향으로 기울임
  • 속성별 예시

    hover, active등의 가상 선택자 등을 이용해 transform에 응용할 수 있다.


Css 로고 참조
https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/1452px-CSS3_logo_and_wordmark.svg.png

0개의 댓글