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

设置3D场景

  • perspective:800 //浏览器到物体的距离(像素)
  • perspective-origin:50% (x轴) 50% (y轴) //视点的位置
  • transform-style: preserve-3d;
    示例:



    
    
    


    
css3
css3学习--css3动画详解二(3d效果)_第1张图片
01.jpg
css3学习--css3动画详解二(3d效果)_第2张图片
02.jpg

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