<CSS3> 3D실습 2. cube

*숫자의 방향까지 생각한 큐브 만들기*

 

완성

 

 

1. HTML구조

 

 

 

2. 기본 속성 넣기

 

 

 

 

3. 겹치도록 position 주기.

 

 

 

 

6. 원근감과 3D 객체화 시키기.

(원근감 : 입체적으로 보이게 함, 객체화 : 색이 더 입체적으로 보이게 함 )

 

* 이 코드에서의 역할. 저게 본래 각자 속성의 역할은 아니다

 

 

 

 

 

 

5. 3차원으로 움직이기

 

태그는 회전되었을 때 자신의 면 방향을 기준으로 움직인다.