preserve-3d
transform-style: flat or preserve-3d
preserve-3d 선언된 노드 내부는 3D동작(Z축)에 대해서 3D로 동작한다.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style
perspective: 1000px; 처럼 선언하면, Z축과의 보이는 거리 설정이 가능.
주사위 예제
슬롯머신 예제
멀티레이어 예제
1
2
3
4
animation :
Stop
/
Play
X:
Y:
Z: