Html5+js+CSS3实现3D旋转效果

这次我要向大家分享一款很有创意的HTML5/CSS3动画特效，它是一个可以旋转的3D陀螺动画。这个动画和之前分享的HTML5动画类似，主要也是利用了CSS3的transform属性，让物体旋转起来，同时对translateZ赋值实现左右摇摆的动画，让整个陀螺旋转非常逼真。

Android 随手势进行3D旋转的源码.zip

此Jquery插件实现了3D旋转图片立体展示幻灯片插件，功能非常酷。有兴趣的同学可以试着做一下。 　　包括了以下功能： 　　1、可支持鼠标滚轮控制图片360度旋转 　　2、鼠标支持左右方向控制按钮来控制图片旋转的方向 　　3、图片自动旋转播放 　　4、修正了兼容所有的浏览器 　　5、图片轮播 　　6、图片立体倒影展示效果 　　7、可自由控制旋转速度 　　8、点击左右两边的图片也可以进行左右旋转的切换 建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发哦~~它是一款HTML5跨平台一站式应用开发、调试和部署工具， 支持HTML5跨平台开发，已覆盖Android、iOS、WP、Symbian、Kjava操作系统平台。

HTML5+CSS3做一个3D旋转木马相册，鼠标悬停时，停止旋转，移开继续旋转。

旋转地球效果+星空 ，html+js,canvas 资源可用，可用放在tomcat运行

这是一款可以对产品图片进行360度全方位旋转展示的jQuery插件，jQuery图片360度3D旋转展示代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] var crl = circlr('circlr', { scroll : true, loader : 'loader' }); [removed]

3D旋转魔方，实现按键控制魔方的旋转，含花式旋转和自动复原等功能，VS可直接运行(要配置相关OpenGL库）

生成用于围绕3D中的任意线旋转的旋转平移矩阵。 该线无需通过原点。 或者，也可以将此转换应用于 3D 坐标列表。 语法 1： M=AxelRot(deg,u,x0) 在： u, x0：3D 向量以参数形式指定线 x(t)=x0+t*u x0 的默认值为 [0,0,0] 对应于纯旋转（无移位）。 如果 x0=[] 作为输入传递，这也等效于传递 x0=[0,0,0]。 deg：绕线的逆时针旋转角度（以度为单位）。 逆时针定义使用关于线方向向量 u 的右手定则。 出去： M：一个 4x4 的仿射变换矩阵，表示旋转翻译。 即，M将具有以下形式M=[R,t;0 0 0 1] 其中 R 是 3x3 旋转，t 是 3x1 平移向量。 语法 2： [R,t]=AxelRot(deg,u,x0) 与语法 1 相同，只是 R 和 t 作为单独的参数返回。 语法 3： 此语法需要指定 4 个输入参数， [XYZ

html5的3D旋转效果