邪悪なCSS - ピュアCSS3のホットな新しいアニメーションライブラリ

CSS3のおかげであなたはWeb上でいくつかのクレイジーなアニメーションを作ることができます。これらはできます すべてのブラウザとページ要素にわたって機能します。 ナビゲーション項目、ドロップダウン、タブを制御するには、名前を付けます。.

実際、アニメーションツールを使ってこれらのコードを動的に生成することさえできます。しかし、それらは本格的なアニメーションライブラリと比べるとかなり限られています。.

邪悪なCSSはその種の最新のライブラリです。これは私に初期のことを思い出させる かなりシンプルで初歩的なAnimate.css, それでも、ほとんどすべてのWebサイトで使用できます.

サポートされているすべてのアニメーションのリストと一緒にライブデモのホームページを覗いてみてください。この記事を書いている時点で私は数えます スライドから回転までの合計24のアニメーションスタイル とパルス/バウンス効果.

これらのアニメーションの多くは、要素を表示（または表示外）にするための一時的な機能です。これは、特定のページ要素をターゲットにしたスクロールビューアニメーションのページに便利です。.

でもできます 追加のページアイテムを表示（または非表示）するためにこれを使用します ドロップダウンメニュー、検索バー、表示されていない申し込みフォームなどがあります。これがあなたが選ぶことができるアニメーションの小さなリストです：

これらのアニメーションスタイルはすべて1回の使用に合わせて設計されています。それらはページごとにそして要素ごとに複数回呼ばれることができます、しかし これらは繰り返しのアニメーションではありません.

代わりに、ユーザーのクリック、ホバー、またはスワイプ効果に基づいてこれらを使用します。それらはまた脈動/ズキズキする効果のためにCTAボタンで使用することができます、しかしそれはJavaScriptタイミング機能を必要としません.

ライブプレビューといくつかの詳細については例のページを見てください。メインサイトにはGitHubリポジトリと一緒に完全なドキュメントもあります。.

Wicked CSSは新しいライブラリなので、まだ大したことはありません。しかし、ライブラリは安定しており、今後何年もの間使用される可能性があります。.