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

本文作者html5tricks,转载请注明出处

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

html5-css3-3d-romb

在线演示源码下载

扫描下方二维码关注公众号

发送消息 jymm 获取 解压密码

分享HTML5/CSS3技术;jQuery插件;Vue、React等前端开发组件

热门推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>