现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 web 技术的发展，动画的实现方式有多种：javascript、css3、svg 以及 canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。
1、waves
waves 点击效果的灵感来自于 google material design，很容易使用。只需要引入 waves.min.css 和 waves.min.js 到 html 文件中可以使用了。采用 touchstart 与 touchend 事件，支持移动设备。赶紧来体验吧！
/
2、textillate.js
textillate.js 是一款实现极酷 css3 文本动画的简单插件。它整合了两个流行的工具库（animate.css 和 lettering.js）来提供易于使用的插件，能够把 css3 动画应用到文本内容上。
/
3、bounce.js
bounce.js 是一个用于制作漂亮的 css3 关键帧动画的 javascript 库，使用其特有的方式生成的动画效果。只需添加一个组件，选择预设，然后你就可以得到一个短网址或者导出为 css 代码。
/
4、walkway.js
walkway.js 是一个使用线条和路径元素组成 svg 动画图像的简单方法。只需根据提供的配置对象创建一个新的 walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前， walkway.js 仅适用于路径和线条元素。
/
5、lazy line painte
lazy line painter 是基于 raphaël（一个用于在网页中绘制矢量图形的 javascript 库）的 jquery 路径动画插件，能够把线条图案转换为吸引眼球的路径动画模式。
/
6、magic css3
magic css3 animations 动画是一个独特的 css3 动画特效包，你可以自由地使用您的 web 项目中。只需简单的在页面上引入 css 样式: magic.css 或者压缩版本 magic.min.css 就可以使用了。
/
您还没有登录,请您登录后再发表评论
1 楼 2014-12-30 09:07