본문 바로가기
웹/HTML & CSS

[CSS] 2D Transforms (rotate, scale, translate, skew)

by 느링 2019. 1. 21.

2D 트랜스폼(Transform)


회전

rotateX(angle)

rotateY(angle)

rotate(angle) 


크기

scaleX()

scaleY()

scale(x, y)


이동

translateX()

translateY()

translate(x, y)


비틈

skewX()

skewY()

skew(x, y)


중심축 바꿔주기     

transform-origin: 0% 0%; 중심축을 바꿔줌

' > HTML & CSS' 카테고리의 다른 글

[CSS] Animation  (0) 2019.01.21
[CSS] Transition  (0) 2019.01.21
[HTML] 텍스트 관련 태그들  (0) 2019.01.15
[HTML] dl, dt, dd  (0) 2019.01.14
[HTML] figure & caption  (0) 2019.01.14