2020/CSS
CSS: transform 3D 변환 함수
꽃꽂이하는개발자
2020. 3. 23. 21:06
반응형
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차원 변환효과 | 없음 |
반응형