jQuery实现可拖拽3D万花筒旋转特效

这是一个使用了CSS3立体效果的强大特效，本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时，环形图片墙可以跟随鼠标进行3D旋转动画。

进去后可以上下左右的拖动图片。

本示例中使用到了CSS3的transform-style 属性，该规定如何在 3D 空间中呈现被嵌套的元素。

默认值： flat

继承性： no

版本： CSS3

JavaScript 语法： object.style.transformStyle="preserve-3d"

有2个属性值可选择：

flat 子元素将不保留其 3D 位置。

preserve-3d 子元素将保留其 3D 位置。

示例代码如下：

 






 
 
 
 
 
 
 
 
 
 
 





 
来源：何问起 说明

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！