CSS/속성 - 전환 & 변환

Transforms 개요

appmaster 2021. 1. 12. 16:26

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

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