CSS3 animation-direction プロパティ
 完全な CSS3 リファレンス
例
Do the animation once, then do the animation backwards:
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari and Chrome */ |
Try it yourself »
|
ブラウザ・サポート
animation-direction property is not supported in any browsers.
Safari and Chrome support an alternative, the -webkit-animation-direction property.
定義と用法
animation-direction property defines whether or not the animation should play
in reverse on alternate cycles.
If the animation-direction value is "alternate", the animation will be played
as normal every odd time (1,3,5,etc..) and backwards every even time
(2,4,6,etc...).
注: If the animation is set to played only once, this property will
have no effect.
| デフォルト値: |
normal |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.animationDirection="alternate" |
構文
| animation-direction: value; |
| Property 値 |
説明 |
| normal |
Default value. The animation should be played as normal |
| alternate |
The animation should play in reverse on alternate cycles |
関連ページ
CSS3 チュートリアル: CSS3 Animations
完全な CSS3 リファレンス
|