[CSS] 3D 정육면체 만들기

3D 정육면체를 만든다.

See the Pen VaJrpx by 소지훈 (@sogoonii) on CodePen.

만드는 과정.

See the Pen QNXyPm by 소지훈 (@sogoonii) on CodePen.

다른 각도에서 본 모습.

See the Pen QNRzeB by 소지훈 (@sogoonii) on CodePen.

사용한 속성

• perspective: 500px;
• perspective-origin: 50% 50%;
• transform-style: preserve-3d;
• transform: rotateY() translateZ();