Animate.css 純粋な CSS アニメーションライブラリ_html/css

Animate.css 純粋な CSS アニメーションライブラリ_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:29:50

オリジナル

1550 人が閲覧しました

github のアドレスは次のとおりです: https://daneden.github.io/animate.css/

Animate.css

水を追加するだけの CSS アニメーション

animate.css はクールで楽しい機能がたくさんあります、プロジェクトで使用するためのクロスブラウザーアニメーション。強調表示、ホームページ、スライダー、および一般的な水の追加に最適です。

CSS ファイルを

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

ログイン後にコピー

アニメーション化する要素のクラスに、アニメーションを追加します。無限スタイルを追加して、アニメーションを無限にループさせることもできます
最後に、次のクラスを要素に追加します。さまざまなアニメーション効果を実現できます:
バウンス

フラッシュ
- パルス
- タダ
- ウォブル
- ゼリー
- バウンスイン
- バウンスインダウン
- バウンスイン左
- バウンスインライト
- バウンスインアップ
- バウンスアウト
- バウンスアウトダウン
- バウンスアウト左
- バウンスアウト右
- バウンスアウトアップ
- フェードイン
- フェードインダウン
- fadeInDownBig
- fadeInLeft
- fadeInLeftBig
- fadeInRight
- fadeInRightBig
- fadeInUp
- fadeInUpBig
- fadeOut
- fadeOutDown
- fadeOutDownBig
- fadeOutLeft
- fadeOutLeftBig
- fadeOutRight
- fadeOutRightBig
- fadeOutUp
- fadeOutUpBig
- flipInX
- flipInY
- flipOutX
- flipOutY
- lightSpeedIn
- lightSpeedOut
- rotateIn
- rotateInDownLeft
- 回転インダウン右
- 回転インアップ左
- 回転インアップ右
- 回転アウト
- 回転アウトダウン左
- 回転アウトダウン右
- 回転アウトアップ左
- 回転アウトアップ右
- ヒンジ
- ロールイン
- ロールアウト
- ズームイン
- ズームインダウン
- ズームイン左
- ズームイン右
- ズームインアップ
- ズームアウト
- ズームアウトダウン
- ズームアウト左
- ズームアウト右
- ズームアウトアップ
- スライドインダウン
- スライドイン左
- スライドイン右
- スライドインアップ
- スライドアウトダウン
- slideOutLeft
- slideOutRight
- slideOutUp

Animate.css 純粋な CSS アニメーション ライブラリ_html/css_WEB-ITnose

Animate.css 純粋な CSS アニメーションライブラリ_html/css_WEB-ITnose