3차원 변형함수
3차원 변형함수는 x,y,z축을 이용하여 태그의 모양을 변형시킨다.
입체효과를 만들때 주로 사용한다.[속성]
- translate3d(x,y,z)
: 특정 크기만큼 이동시킨다.
- scale3d(x,y,z)
: 특정 크기만큼 축소/확대시킨다.
- rotate3d(x,y,z)
: 특정 각도만큼 회전시킨다.
rotate변형함수의 3차원 변형 형태는 조금 다르다.
지정한 각도만큼 시계방향(deg)이나 반시계방향(-deg)
으로 회전을 시키는데, 이때 x,y,z축의 방향성을 조정할 수 있다.transform-style
transform3d를 이용해서 3차원 변형을 했을때
해당 속성을 적용하기 전까지는 입체가 아닌 평면으로 보인다.
이때 preserve-3d값을 사용하면 3d처럼 입체적으로 보이게 만들 수 있다.
Hi