css3中的3D转换(随谈)

如果要使得你的3D转换效果更加容易观察,可以给要变换的父元素加上perspective属性(必须加在父元素上,和transform-style:preserve-3D一样),使得效果更加明显


css3中的3D转换(随谈)_第1张图片
18-9-7-1.PNG

此时对应代码




    
    Title
    


css3中的3D转换(随谈)_第2张图片
18-9-7-2.PNG

此时对应代码




    
    Title
    


css3中的3D转换(随谈)_第3张图片
18-9-7-3.PNG

此时对应代码为




    
    Title
    


我写了一些3D转换的小例子,放在了我的github上 https://github.com/lionlsc/rotate3D

你可能感兴趣的:(css3中的3D转换(随谈))