ENG
  • KOR
  • ENG
  • JPN

animate.css

animate.cssは、ウェブサイトやウェブアプリケーションにアプリのようなアニメーションを簡単に追加できるCSSライブラリです。複雑なJavaScriptは不要で、単純なクラスを追加するだけで様々なアニメーション効果を実装できます。

Latest Ver 4.1.1
Homepage
Github
0
81,632
ウェブの息吹、アニメーションの魔法。
クラスを追加するだけで、ウェブサイトに活気を与えます。
単純なクラスを追加するだけで様々なアニメーション効果を適用できるCSSライブラリです。

CDNダウンロード

License: MIT
すべてのバージョンを見る
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.css
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。 
📄 HTML
<div id='animatedElement' class='animate__animated animate__bounce'>Hello, animate.css!</div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">

Related Libraries

Library Icon
hover.css

CSS3による様々なホバーエフェクトを提供するライブラリ

⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。