炫酷的动画是现代网页设计中必不可少的元素，它能为页面增加趣味性，更能抓住用户的眼球，同时提高了页面的档次。今天老猿为大家介绍一款国外的动画库 - Animate.css。它简单易用，功能非常强大。通过添加相应的css，就可实现炫酷的动画。

您可以在官网上在线体验一下

官网地址：https://daneden.github.io/animate.css/

安装方法：

1.通过npm安装

<code>$ npm install animate.css --save/<code>

2.通过yarn安装

<code>$ yarn add animate.css/<code>

使用方法：

<code>
  <link>
/<code>

或者

<code>
  <link>
/<code>

这个动画库的神奇之处在于，您只需要引入这个css，而不需要额外的javascript库（jquery库是必须的）。

案例：

<code>
Example
/<code>

预定义的class：

具体这些class类能够实现哪些动画效果，我相信聪明的您通过这些类的名称应该能够脑补出来吧。官网上都有相应的演示，小白可以参考。有兴趣的朋友可以加个关注，我会不断的介绍各种有趣好玩的前端类库，希望您能在项目中用到。

閱讀更多 程序猿有話說 的文章

關鍵字: 网页设计 CSS 炫酷