translate3d : 하드웨어 가속을 이용…… (퍼포먼스 향상)

translate 사용할때 퍼센트 추천!!

.ilbuni {
**width : 100px;**
height : 100px;
transform : translate3d(**100%**.0,0)	
}

translate의 100%는 해당 요소의 width의 퍼센트 이다…

예시에서 translate 100%면 100px 이동, 50% 면 50px 이동, 200%면 200px 이동, x축으로 이동한다.


부모에게 perspective 줄떄와 회전체 자체에 perspective 줄때 차이

회전체 자체에 주게 되면 시점이 다 똑같이 보인다!

부모에게 주면 각각 자식요소가 시점이 다르게 보인다!