CSS3: animation-direction プロパティ - 反転再生させるかどうかの指定

■ 概要

項  目説  明
記述形式 セレクタ {animation-direction: }
値 の形式 normalreversealternatealternate-reverse
初 期 値 normal
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素,::before擬似要素::after擬似要素
継  承 しない

■ 解説

animation-directionプロパティ は,反転再生させるかどうか を指定します。

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

説  明
normal アニメーションを通常の向き(正方向)に再生します。
reverse アニメーションを逆方向に再生します。
alternate 奇数回目の再生は正方向,偶数回目の再生は逆方向に,交互に再生します。
alternate-reverse 奇数回目の再生は逆方向,偶数回目の再生は正方向に,交互に再生します。

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

現在準備中です。

■ 備考

【参考ページ】