超疯狂CSS3动画库Woah.css

当前位置:主页 > CSS3库 > CSS3动画 > 超疯狂CSS3动画库Woah.css
超疯狂CSS3动画库Woah.css
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-03-13
    阅读:
简要教程

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

网友评论