item的translate??????????

老師我不懂那個item為什么要translateZ(50deg) ?是個什么情況 ?誰幫忙講解講解~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

小明在努力

2015-04-05

源自：十天精通CSS3 12-4

關注問題我要回答

1090

操作

收起

2 回答

MeJu
2016-01-13

.item是.item img與.item .information的父元素，當.item:hover時，兩個子元素都跟著父元素繞中心旋轉的，我給三個塊都設置了border，這樣更直觀一些。.item .information中的transform: rotateX(-90deg) translateZ(50px);
的作用一是凸出來呈現3D效果了，二是把它旋轉到底部暫時隱藏起來。不懂得可以繼續問我。