CSSでアニメーション

CSSで出来るアニメーションは、以下の2つです。当ページでは、「animation」 について記述してます。独自のCSSを記述するので、その方法は、「カスタマイズ」のトップページをご覧ください。
「transition」については、記述予定ですが、期日は未定です。
動作 animation transition
ループ(繰り返し) 停止アクションを入れない限り連続して動作 動作は1回限りで、ループしない
アニメション動作 動的動作、角度や回転軸、移動など 静的動作。拡大・縮小、カラーなどCSSの範囲
実行タイミング ページが読み込まれると動作 アクションがないと動作しない
demo

Animation

Transition

画像にマウスを重ねて下さい。

Trasition Demo