CSS

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

March 21, 2018

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

How to use

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

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

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

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

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

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

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

MIT