반응형
| translate3d(x, y, z) | 이동(x축, y축, z축) | 단위 |
| translateZ(z) | 이동(z축) | 단위 |
| scale3d(x,y,z) | 크기(x축, y축, z축) | 배수 |
| scale(z) | 크기(x축) | 배수 |
| rotate3d(x,y,z,a) | 회전(x벡터, y벡터, z벡터, 각도) | 없음, deg |
| rotateX(x) | 회전(x축) | deg |
| rotateY(y) | 회전(y축) | deg |
| rotateZ(z) | 회전(z축) | deg |
| perspective(n) | 원근법(거리) | 단위(transform: 가장 앞에 있어야함.) |
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 3차원 변환효과 | 없음 |
반응형
'2020 > CSS' 카테고리의 다른 글
| animation-timing-function (0) | 2020.03.24 |
|---|---|
| @keyframes (0) | 2020.03.24 |
| CSS : transform 2D 변형효과 (0) | 2020.03.23 |
| text-indent (0) | 2020.03.23 |
| text decoration (0) | 2020.03.23 |
꽃꽂이하는개발자