オンラインツールCSS3アニメーションジェネレーター

Animation Name

Animation Duration

Animation Timing

Animation Delay

Animation Iteration Count

Animation Direction

Animation Play State

Animation

怠惰な人々のためのCSSアニメーションジェネレータ。

CSSを使用すると、JavaScriptやFlashを使用せずにHTML要素のアニメーションを作成できます

この章では、次のプロパティについて学習します。

一部の古いブラウザでは、アニメーションのプロパティを理解するために特定のプレフィックス（-webkit-）が必要です

アニメーションを使用すると、要素をあるスタイルから別のスタイルに徐々に変更できます。

CSSプロパティは、何度でも変更できます。

CSSアニメーションを使用するには、最初にアニメーションのいくつかのキーフレームを指定する必要があります。

キーフレームは、特定の時間に要素がどのようなスタイルを持つかを保持します。

@keyframesルール内でCSSスタイルを指定すると、アニメーションは特定の時間に現在のスタイルから新しいスタイルに徐々に変化します。