CSS/속성 - 전환 & 변환

Transforms 개요

컴공 윤서혜 학습일기 2021. 1. 12. 16:26

요소의 변환 효과(변형)를 지정

transform: 변환함수1 변환함수2 변환함수3...;
transfrom: 원근법 이동 크기 회전 기울임;
.box{
	transform: rotate(20deg) translate(10px, 0);
 }

translate는 움직인다는뜻이다. 즉 x축 10px만큼 움직이고 y축에 0만큼 움직인다는 뜻이다.