요소의 변환 효과(변형)를 지정
transform: 변환함수1 변환함수2 변환함수3...;
transfrom: 원근법 이동 크기 회전 기울임;
.box{
transform: rotate(20deg) translate(10px, 0);
}
translate는 움직인다는뜻이다. 즉 x축 10px만큼 움직이고 y축에 0만큼 움직인다는 뜻이다.
'CSS > 속성 - 전환 & 변환' 카테고리의 다른 글
변환 속성 - perspective, perspective-origin (0) | 2021.01.12 |
---|---|
변환속성 - transform-style (0) | 2021.01.12 |
변환 속성 - transform-origin (0) | 2021.01.12 |
변환 2D 속성 (0) | 2021.01.12 |
전환(Transitions) (0) | 2021.01.12 |