Woah.css是一款可以制作超疯狂CSS3动画的动画库。Woah.css通过CSS3 keyframes动画，内置了17种不同风格的动画，每一种动画效果都非常狂野。

安装

可以通过bower来安装Woah.css动画库。

$ bower install woah.css --save                  
                

使用方法

在页面中引入woah.css文件。

<link rel="stylesheet" href="woah.css" type="text/css">
                

HTML结构

Woah.css动画库最基本的使用方法如下：

<h1 class="woah wowzors">Hello world</h1>                  
                

如果需要制作无限动画效果，可以添加infinite class类。

<h1 class="woah wowzors infinite">Hello world</h1>                  
                

Woah.css可用的动画类型有：

• wowzors
• comeInStyle
• rotateComplex
• rotateComplexOut
• flyOut
• flyIn
• blackMirror
• blackMirrorTextVersion
• spin3D
• simpleEntrance
• scaleOut
• starWars
• blazingStar
• blazingStarText
• fadeIn
• pulse
• shaker

Woah.css动画库的github地址为：https://github.com/joerez/Woah.css

在线预览    源码下载