HTML5/CSS3实现3D旋转陀螺动画

时间:2022-09-12 11:25:30
【文件属性】:

文件名称:HTML5/CSS3实现3D旋转陀螺动画

文件大小:36KB

文件格式:RAR

更新时间:2022-09-12 11:25:30

HTML5应用

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


【文件预览】:
html5-css3-3d-romb
----css()
--------reset.css(774B)
--------style.css(6KB)
----config.rb(752B)
----index.html(1KB)
----js()
--------jquery.js(95KB)
--------index.js(162B)
----scss()
--------style.scss(3KB)

网友评论