本文介绍了一种使用CSS实现的3D旋转效果，通过设置透视属性和transform样式，可以使一个绿色的正方形块产生沿X轴旋转70度的效果。此案例展示了如何利用CSS3的特性来创建简单的三维动画。
css.css
#experiment{ -webkit-perspective: 800; -webkit-perspective-origin: 50% 50%; -webkit-transform-style:-webkit-preserve-3d; } #block{ width:500px; height:500px; background-color:green; margin:100px auto;
-webkit-transform:rotateX(70deg);
}
<html> <link href="css/css.css" rel="stylesheet" type="text/css"> </head> <body οnlοad="init()"> <div id="experiment"> <div id="block"> </div> </div> </body> </html>
扫一扫
539
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
