分享12款经典时尚的HTML5应用

　　分享伟大，呵呵。今天给大家分享一下收集的12个HTML5小特效。

　　我整理一下源码，给大家打包一下，我博客园上传文件大小有限，传不了了。

　　需要的请留下邮箱就行了，觉得好的话，不要忘了点赞哦~

1、CSS3按钮发光动画绚丽多彩

　　今天分享一款基于纯CSS3的发光按钮，多种色彩的按钮排列在网页上，伴随着闪闪发光的效果，CSS3的强大肯定会让你叹为观止。该CSS3按钮发光动画主要是利用了webkit的动画属性，让各种颜色规律性的发生变化。也许这么绚丽的CSS3按钮应用不那么广泛，但是在一些需要特效的网页中用来做提交表单按钮或者菜单项，那就非常方便了。

2、冒泡动画CSS3按钮绚丽多彩

　　这是一款非常有特色的CSS3动画按钮，按钮的背景是各种颜色的小气泡，当鼠标滑过按钮时，这些小气泡便会向上飘动。这些CSS3按钮的气泡背景以及冒泡的动画均由CSS3实现，不仅外观炫酷，而且按钮设计非常有创意。

3、HTML5物理实验 CSS3模拟齿轮转动

　　利用HTML5可以模拟出很多物理特性的实验，比如天体运动、自由落体等，今天要分享一个利用纯CSS3实现的齿轮转动实验，实验由多个齿轮组合在一起，主动轮转动后可以带动其他从动轮转动，从而将重物吊起。这个过程没有利用Javascript，而是利用纯CSS3实现，效果很棒。

4、7组CSS3动画按钮 CSS3按钮很时尚

　　CSS3按钮在各种CSS3特效中应用最广泛，实用性也最强，并且结合CSS设计可以组合出非常漂亮绚丽的CSS3动画按钮。今天这7组CSS3按钮外观非常时尚，7组不同的动画让这些按钮变得十分动感，这些CSS3动画按钮很适合在产品展示或者游戏页面中应用。

5、CSS3垂直菜单菜单有立体动画视觉

　　这款基于CSS3的垂直菜单实现很简单，该CSS3垂直菜单有几个特点：

　　1、菜单外观呈立体视觉效果，非常有质感

　　2、鼠标滑过菜单项时，菜单项会出现伸缩动画。

6、CSS3百叶窗图片切换图片很美

　　这款CSS3图片切换插件非常漂亮，图片切换是百叶窗的效果，更值得注意的是插件提供了4种不同的百叶窗特效，有水平百叶窗、垂直百叶窗和淡入淡出百叶窗等。并且，该CSS3百叶窗图片切换插件切换时非常平滑，效果很不错。

7、纯CSS3 3D按钮按钮酷似牛奶般剔透

　　CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别，它看上去酷似晶莹剔透的牛奶，而且在点击按钮时出现3D效果的动画，按钮按下时，按钮会轻轻的弹动一下，非常逼真。

8、CSS3渲染Checkbox实现3D开关切换按钮

　　这次我们需要利用checkbox结合CSS3来实现一个3D开关切换按钮，该CSS3按钮一共有4款不同的样式风格，有电器开关样式按钮、iPhone锁屏样式按钮等。该CSS3按钮的实现原理很简单，原型是一个checkbox，然后利用CSS3属性来渲染checkbox，从而实现3D按钮的效果。

9、纯CSS3人物行走动画逼真炫酷CSS3动画

　　CSS3实在是太强大了，今天分享的CSS3动画非常神奇，它可以模拟人物行走，而且人物行走动画非常逼真。人物行走时的跨步动画时多张图片重叠实现的。有了这个CSS3人物行走动画的基础，我们就可以更方便的在浏览器上实现HTML5游戏。

10、纯CSS3加载Loading动画图 12款创意设计

　　我们经常使用GIF图片来实现Loading加载动画，确实利用GIF图片来实现也非常方便，但需要我们一定的制图功底，我们作为程序员很多对制图一窍不通，那么今天就让我们用CSS3代码来实现漂亮的Loading加载动画吧，下面的12款非常有创意的CSS3 Loading加载动画肯定会让你喜欢上CSS3，喜欢上HTML5。

11、CSS3迷你图片切换组件可添加图片描述

　　图片切换在WEB2.0中应用十分广泛，今天分享的这款CSS3迷你图片切换组件有着自己的优势和特点。点击切换按钮时，按钮会出现渐隐渐显的发光特效，图片切换过程中整张图片过渡的效果非常柔和，并且图片描述也相应以动画的方式显示在图片上，是一款非常棒的CSS3图片切换组件。

12、CSS3扁平化面包屑菜单导航菜单很精巧

　　面包屑菜单一般贯穿整个网站，可以很清晰地描述访客的当前层级目录，让用户更清楚地了解网站各个频道之间的关系。这款CSS3面包屑菜单十分精巧，它采用了扁平化设计，让菜单显得更加简单易用，视觉效果也非常不错。该CSS3面包屑菜单的箭头也是用纯CSS3代码实现。

　　我整理一下源码，给大家打包一下，我博客园上传文件大小有限，传不了了。

　　需要的请留下邮箱就行了，觉得好的话，不要忘了点赞哦~