3d旋转图：紧张用css3中transform属性中的rotate,translate;以及用来做舞台效果的 perspective: 800px;(景深)和使立方体呈3d效果展示的transform-style：preserve-3d来实现；

全屏的雪花飘落：用原生js来实现(随机的大小，透明度的变革等)，有详细注释；

html5紧张是实现背景音乐和头部的字体卷动效果。

html5飘落特效HTML5特效之3D扭转图雪花飘落 Bootstrap

< audio src=“music.mp3” hidden=“true” loop=“true” preload=“auto”>< /audio> 或者< embed src=“music.mp3” type=\"大众\公众/>

html部分：

css部分

js部分

是不是也想要加入HTML5的学习呢？如果你想要在短韶光内节制HTML5 专业技能，不妨就选择千锋重庆HTML5培训。
千锋重庆HTML5技能开拓培训课程采取全程面授传授教化，谢绝视频同步授课，谢绝双元视频班传授教化，谢绝直播授课，西席一对一辅导学员做项目，全新打造“主流技能+前沿技能+企业级联动”传授教化课程，重新优化和定义HTML5技能，采取最新版本技能开展传授教化，致力于为学员打造最牛的、最新的技能，助力学员拿下BAT级企业Offer。

千锋重庆HTML5技能开拓培训，让你在同样的起跑线，跑出不一样的高度。