本教程将教会大家怎么样使用css3伪元素、css transforms和css transitions来制作一个有趣的3d开门效果。这里的门将使用字母来代替。
这是一个有趣的开关门效果,每个字母就是一个门,我们将使它能够从四个方向打开关闭,这里采用的技术主要是在伪元素上使用CSS transforms and transitions属性。
更详细的教程请参看《利用CSS3伪元素制作3D开门效果》
这是在伪元素上使用css3 transform属性制作的字母卡片开关门3d效果,鼠标移动到字母上时,字母便会有开门的3d效果,十分有趣。