CSS3: animation-name プロパティ - アニメーション名の指定

■ 概要

項  目説  明
記述形式 セレクタ {animation-name: アニメーション名 }
値 の形式 none | アニメーション名のリスト
初 期 値 none
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素,::before擬似要素::after擬似要素
継  承 しない

■ 解説

animation-nameプロパティ は,アニメーション名 を指定します。

ここで指定したアニメーション名のリストは,アットルール @keyframes で定義したキーフレームの中から再生するキーフレームを選択する ために使用します。 もし,animation-nameプロパティ で指定したアニメーション名をもつものがアットルール @keyframes で定義したキーフレームの中には見つからない場合は,アニメーションは再生されません。

指定できる値の形式は,以下のとおりです。

説  明
none このキーワードを指定した場合には,アニメーションは再生されません。
アニメーション名 アットルール @keyframes で定義したキーフレームのうち,再生するものの アニメーション名 を指定します。

■ 使用例( animation-name プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】