학원/css-학원

변형

수풀속의고라니 2022. 3. 3. 17:03
728x90

 

 

translate함수

 

- 이동하는 함수

 

<예제>

 

 

 

scale 함수

 

- 확대나 축소를 하는 함수

- 넣는 값만큼 x, y축으로 확대나 축소

 

<예제>

 

 

 

rotate 함수

 

 

- 회전

 

<예제>

 

 

skew 함수

 

- 왜곡

 

<예제>

 

 

 

변형과 관련된 속성들

 

- 기준을 주고 왜곡

 

<예제>

 

 

 

 

- 원근감

 

<예제>

 

 

<예제>

 

 

 

- 붙은게 플랫

- 펼쳐진게 preserce-3d

 

<예제>

 

 

 

 

- 기본 값은 표시

 

<예제>

 

728x90