.container{perspective:1000;}.container:hover.side{transform:rotateY(180deg);}.container,.front,.back{width:320px;height:480px;}.side{transition:0.6s;transform-style:preserve-3d;/*讓其子元素有3D翻轉(zhuǎn)的效果。*/position:relative;}.front,.back{backface-visibility:hidden;/*將反轉(zhuǎn)了180度的隱藏*/-ms-backface-visibility:hidden;position:absolute;}.front{background-color:red;}.back{transform:rotateY(180deg);background-color:blue;}比較郁悶的是,在其他瀏覽器都能正常顯示效果,但是IE不行,backface-visibility:hidden;這句單獨(dú)在IE下測(cè)試是可以用的,但是這里放一起就出問(wèn)題了,在IE下它翻轉(zhuǎn)180度后并沒(méi)有隱藏,這是為什么,哪位大神幫我看看,先謝過(guò)啦。
css3中的3D翻轉(zhuǎn)問(wèn)題
慕斯王
2019-04-13 08:37:23