様々なCSSアニメーションをコピペで実装できるWeb制作に便利なWebサービス 『Animista』

CSSアニメーションをコピペで実装できる
Web制作向けなWebサービス。
オブジェクトの動作やテキスト、背景の
スクロールなどを自在にアニメーションできます。

リンク先

Animista リンク先はこちらから

レビュー

画面上部にBASICやENTRANCES、EXITSやTEXTなど使用用途が並んでいます。
その下にはSCALE-UPなどアニメーションのプロパティが並んでいます。
たくさんのアニメーションプロパティがあります。

プレビュー画面が実際の動作を確認ができます。
OPTIONSでは細かな数値で調整も可能で、アニメーションの長さなどを自由に設定できます。

背景をゆっくり動かしたりと斬新なWebページにも挑戦できそうですね。

作ったアニメーションは右上の「Generate code」からCSSコードを見る事ができます。

出力されたCSSコードをそのままコピペして要素名など設定すれば使えます。
私自身CSSでアニメーションの実装はする機会が無いのですが、
CSSアニメーションを勉強できる便利なWebサービスでもあります。