CSS

【CSS】エキセントリックなCSSアニメーションライブラリWoah.css

March 21, 2018
woah

Woah.cssはエキセントリックなCSSアニメーションライブラリ。アニメーションは3種類が用意されています。

How to use

woah.cssをダウンロードし、head内にインクルードします。

<head>
  <link rel="stylesheet" href="animate.min.css">
</head>

Adding Animations

要素をアニメートするにはwoahクラスを追加し、選択したアニメーションクラスを追加します。

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

Iterate Animations Forever

永遠にアニメーションを繰り返す場合はinfiniteクラスを追加すると無限に繰り返します。

<h1 class="woah wowzors infinite">Woah</h1>

Different types of animations

Woah.cssには3種類のアニメーションが用意されています。

  1. Woah animations
  2. Wow animations
  3. Normie animations

MIT