# Hoverllin v1.2.0

ホバー用アニメーションライブラリ

* class="hvr-~"： 付与だけのアニメーション処理。


## 必要ファイル

```
hoverllin.scss  （SCSS）または hoverllin.min.css（コンパイル済みCSS）
```


## 基本的な使い方

### 1. CDN

```html
<link rel="stylesheet" href="https://unpkg.com/@sarap422/lib-hoverllin@1.2.0/hoverllin.min.css">
```

### 2. HTML に `hvr-エフェクト名` クラスを付与

```html
<strong class="hvr-fadeInBottom">
  <span>ふわっと下から表示されます</span>
</strong>
```

これだけで、要素をホバー時に自動的にアニメーションが実行されます。


## 対応ブラウザ

モダンブラウザで動作します。

- Chrome 51+
- Firefox 55+
- Safari 12.1+
- Edge 15+

