mozilla

animation-name

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

animation-name CSS プロパティは、選択された要素に適用するアニメーションのリストを設定します。この名前は、アニメーション中のプロパティの値を定義する @keyframes 規則で示された名前を示します。

アニメーション関連のプロパティをまとめて設定できる短縮プロパティである animation プロパティを使用すると便利でしょう。

構文

書式: [ none | IDENT ] [, [ none | IDENT ] ]*
animation-name: none
animation-name: test_05
animation-name: -specific
animation-name: sliding-vertically

animation-name: test1
animation-name: test1, animation4
animation-name: none, -moz-specific, sliding

<name>
アニメーションを識別する文字列。

例示

CSS アニメーション を参照してください。

仕様

仕様書 策定状況 コメント
CSS Animations Level 3 草案  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有)-webkit 5.0 (5.0)-moz
16.0 (16.0)
10 12 -o
12.5 #
4.0 -webkit
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) -webkit 5.0 (5.0) -moz
16.0 (16.0)
? ? ?

関連情報

ドキュメントのタグと貢献者

Contributors to this page: yyss, FredB, ethertank
最終更新者: ethertank,
サイドバーを隠す