animation
CSS プロパティとは
トピック:形状の変更や要素によるモーションの作成。アニメーション名、アニメーション期間、タイミング機能、遅延、反復回数、方向、塗りつぶしモード、アニメーションの様々なアニメーションの省略形プロパティ、アニメーションを作成する事ができる 少なくとも2つのプロパティanimation-name
とanimation-duration(0
より大きい)プロパティを指定することが必要
アニメーション
実例 コード 1
サンプル コードを試すプロパティ 定義と使用法
デフォルト値・初期値 : | |
---|
適用対象 : | 全要素、::before / ::after 疑似要素 |
---|
継承 : | 不可 |
---|
メディア : | visual |
---|
計算値 : | |
---|
CSS Version | CSS3 |
---|
アニメーションの種類 : | 個別 |
---|
JavaScript 構文 | object.style.animation="funWebref" |
---|
正規順序 : | 形式文法における値の出現順 |
---|
CSSの構文 | animation: name, duration, timing-function, delay, iteration-count, direction, fill-mode, play-state; |
---|
サポートするデスクトップ ブラウザ対応・互換性
Property | Desktop 互換性 |
---|
animation | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|
基本 サポート | フルサポート◯ 43 | フルサポート◯ 12 | フルサポート◯ 16 | フルサポート◯ 10 | フルサポート◯ 30 | フルサポート◯ Yes |
---|
サポートするモバイル ブラウザ対応・互換性
Property | Mobile 互換性 |
---|
animation | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
---|
基本 サポート | フルサポート◯ Yes | フルサポート◯ 43 | フルサポート◯ Yes | フルサポート◯ 16 | フルサポート◯ 30 | フルサポート◯ Yes | フルサポート◯ 4.0 |
---|
:animation
・ animation, コード 関連記事