HTML5+Modernizr点击加载动画与提示框实现
点击按钮的加载动画 + 通知提示框，配合 Modernizr 的特性检测，体验做得还挺丝滑的。
用的是HTML5结构标签 + CSS3动画，像@keyframes这种用起来顺手，配个opacity或者transform的动画，过渡效果自然，响应也快。
Modernizr出场主要是兜底的，比如遇到不支持 CSS 动画的老浏览器，它能自动给html加个no-cssanimations的类名，你可以用if (!Modernizr.cssanimations)写点 JavaScript fallback，体验不会崩。
做提示框的时候可以用个 要是你喜欢各种提示框动画，推荐你看看这些源码，像HTML5CSS3 Tooltip 动画或者CSS3 提示框插件，样式挺多，思路也不错。 如果你正好在做带加载提示的表单或者按钮，不妨用一下Modernizr兜个底，再加点，点击按钮后加上
fadeIn动画或者手动控制透明度，几行代码就能搞定。顺带一提，加载过程中你还可以加点进度文案，告诉用户后台在。animation特效，体验会舒服不少。
下载地址
用户评论
