時間的変化を「ステップ数」の数のステップに等分に区切って不連続に変化させます。以上の整数です「ディレクション」にキーワードstartが指定されたときは、起点で最初のステップが起きます。キーワードendが指定されたときは、終点で最後のステップが起きますOperaは未実装。解説文CSSのアニメーションでは、プロパティの値を時間的に変化させることで、要素をアニメーションさせます。アニメーションの再生内容となる、プロパティの時系列での変化は、アニメーションのキーフレームを指定するには?で、キーフレームのリストの形で指定します。キーフレームというのは、アニメーションの再生のある時点で、その要素の各プロパティが取るべき値を指定したものです。}アニメーションでは、それぞれのキーフレームの時点で、指定された状態になるように状態変化させます。キーフレームの間については、一定の数学的なアルゴリズムで補間することで連続的に、あるいは指定によっては不連続にアニメーションさせます。animation-timing-functionプロパティには、この、キーフレーム間の状態の補間方法を指定します。この指定によって、アニメーションの、キーフレーム間での、再生の緩急を制御することができます。トランジションの補間方法を指定するには?と異なり、この指定はあくまでキーフレーム間を単位とするもので、1回の再生全体についてのものではありません。animation-timing-functionプロパティが、@keyframes内の個別のキーフレームで指定された場合は、そのキーフレームから次のキーフレームへの変化についての指定になります。ディレクション)関数が指定できます。それぞれの値の意味については一覧とトランジションの補間方法を指定するには?を参照してください。キーフレーム間での変化の仕方を指定する値は、カンマで区切って複数指定することができます。その場合、アニメーションのキーフレーム名を指定するには?プロパティで対応する順番に指定されたアニメーションが、それぞれの値の適用される対象となります。animation-nameプロパティで、カンマ区切りで2番目に指定したアニメーションの補間方法は、animation-timing-functionプロパティで、カンマ区切りで2番目に指定した値になります。以下のように指定した場合、animation1がeaseに対応し、animation2がlinearに対応します。秒間として、キーフレーム間の変化については一定の速度で(linear)、再生するように指定しています。<p>背景の色を変化させつつ回転するアニメーションを表示します。<p>キーフレーム間の補間は「ease-in-out」(ゆっくり始まって加速し、また減速して終わる)です。src="penguin.png"></body></html>下記画像を、サンプルソースで指定しているフォルダに保存して下さい。初期状態では、サンプルソースと同じ階層のフォルダが指定されています。Flipサムスン電子が発表したスマートフォン。Proファーウェイ(華為技術)・ジャパンが販売するスマートバンド。Proサムスン電子が発表したタフネス仕様スマホ。人工知能の研究分野における第一人者。Appleの共同創設者スティーブ・ジョブズ「Mac」や「iPhone」を生み出した経営者。MPEG-4オーディオファイルの拡張子。iPhoneの着メロにするAACファイルにつく拡張子。2007で作成したファイルのデフォルトの拡張子。2007の標準的な保存形式。XML形式となっている。