css3 transform属性利用伪元素制作字母卡片开关门3d效果

当前位置:主页 > CSS3库 > css3 transform > css3 transform属性利用伪元素制作字母卡片开关门3d效果
css3 transform属性利用伪元素制作字母卡片开关门3d效果
分享:

    插件介绍

    这是在伪元素上使用css3 transform属性制作的字母卡片开关门3d效果,鼠标移动到字母上时,字母便会有开门的3d效果,十分有趣。

    浏览器兼容性

    浏览器兼容性
    时间:2014-10-19
    阅读:
麦子学院

简要教程

本教程将教会大家怎么样使用css3伪元素、css transforms和css transitions来制作一个有趣的3d开门效果。这里的门将使用字母来代替。

这是一个有趣的开关门效果,每个字母就是一个门,我们将使它能够从四个方向打开关闭,这里采用的技术主要是在伪元素上使用CSS transforms and transitions属性。

更详细的教程请参看《利用CSS3伪元素制作3D开门效果

网友评论