本文实例为大家分享了CSS3 3D旋转rotate效果实例，供大家参考，具体内容如下：效果图。示例代码。&lt；&lt。DOCTYPE html&gt；&lt；html lang=&quot；en&quot；&gt；&lt；head&gt；&lt；meta charset=&quot；UTF-8&quot；&gt；&lt；title&gt；3D旋转的Demo&lt；/title&gt；&lt；style&gt；#experiment {-webkit-perspective： 800；-webkit-perspective-origin： 50% 50%；-webkit-transform-style： -webkit-preserve-3d；height： 200px。