css3学习--css3动画详解二(3d效果)

一.设置3D场景

perspective:800 //浏览器到物体的距离(像素)
perspective-origin:50% (x轴) 50% (y轴) //视点的位置

transform-style: preserve-3d;

示例:




    
    
    


    
css3
css3学习--css3动画详解二(3d效果)_第1张图片
image.png

css3学习--css3动画详解二(3d效果)_第2张图片
image.png

你可能感兴趣的:(css3学习--css3动画详解二(3d效果))