现在越来越多的3D应用被用在网页中，尤其是基于HTML5Canvas的动画效果，让用户有非常震撼的视觉体验。本文收集了8个3D视觉效果非常炫酷的HTML5动画，都有源码分享，大家可以学习自己感兴趣的HTML5动画，一起来看看吧。1、CSS3流光型3D菜单小图标菜单这次要分享一个非常有特色的CSS3菜单。菜单的外观是流光型的，每个菜单项都有一个精致的小图标。Whenthemenuitemisselected,themenuitemwillriseupwards,likearibbonfluttering,formingaverycool3Dvisualeffect.这种CSS3流光型的3D菜单非常适合一些活动页面的菜单导航。在线演示源码下载二、HTML5/CSS33D折纸动画今天给大家分享一个非常华丽的HTML5/CSS33D动画特效。虽然在项目中很少用到，但是我们可以从源码中学到很多HTML53D动画制作的知识。这是一个折纸动画特效，利用HTML5和CSS3的相关特性，我们可以将一张纸折叠起来形成炫酷的3D动画效果。在线demo源码下载3.HTML5webkit3D立方体图片旋转滑块应用今天分享一个HTML53D立方体动画。这只是一个3D效果模型。您可以将演示中的立方体的4个面替换为图片，这样您就可以使用这个HTML5立方体旋转动画转换成HTML53D焦点图像。因为是基于webkit的，所以有浏览器限制，谷歌浏览器最好。在线演示源码下载4.HTML5颜色渐变3D文字效果之前分享过很多HTML5文字效果，效果都不错，尤其是这个HTML5摆动文字效果，类似柳枝摆动，文字动画很酷影响。今天要分享一个HTML53D文字效果，文字颜色是渐变的，同时有文字阴影，突出了3D效果。在线demo源码下载5.HTML53D图片阴影翻转动画效果很酷今天给大家分享一个很酷的HTML53D动画特效，这个3D特效可以给你的图片加上阴影效果，并且可以让图片随着鼠标滑过当出现3D翻转动画效果时。这个和之前分享的HTML53D动画HTML53D立方体旋转动画效果类似，大家也可以看看。在线演示源码下载6.纯CSS33D按钮按钮清晰如牛奶。CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性效果可以将按钮渲染的非常动感。今天分享的这个CSS3按钮，外观很特别。看起来酷似晶莹剔透的牛奶，点击按钮时，会有3D效果动画。按下按钮时，按钮会轻微弹起，非常逼真。在线演示源码下载7.CSS33D发光开关按钮仿真效果非常逼真。刚才我们发布了一个CSS3开关切换滑动按钮。应该说有点3D效果，其他都很一般。下面给大家分享一个比较酷的CSS3开关按钮，不仅有3D效果，还可以发光。当开关打开时，旁边的小灯会亮起，然后灯光会投射到开关上。效果非常逼真。在线Demo源码下载8.CSS33D弹力按钮效果带弹力纹理今天要分享的CSS3按钮和这个按钮类似，也有3D效果。按钮在按下时具有弹性质地。在线Demo源码下载以上HTML5应用的3D特效是否让你眼前一亮，欢迎与我们分享更多HTML5动画
