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

老师我不懂那个item为什么要translateZ(50deg) 是个什么情况谁帮忙讲解讲解~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

小明在努力

2015-04-05

源自：十天精通CSS3 12-4

关注问题我要回答

1043

操作

收起

2 回答

MeJu
2016-01-13

.item是.item img与.item .information的父元素，当.item:hover时，两个子元素都跟着父元素绕中心旋转的，我给三个块都设置了border，这样更直观一些。.item .information中的transform: rotateX(-90deg) translateZ(50px);
的作用一是凸出来呈现3D效果了，二是把它旋转到底部暂时隐藏起来。不懂得可以继续问我。