天堂…中文在线最新版在线丨无码中文字幕va精品影院丨黄色三级在线视频丨日韩超碰丨亚洲a成人无码网站在线丨得得啪在线丨激情五月婷婷综合丨亚洲欧美国产国产综合一区丨色拍拍欧美视频在线看丨91欧美在线视频丨久久久久久国产精品免费播放丨2020年国产精品丨精品国产天线2019丨青草内射中出高潮丨成年美女黄网站色大免费视频丨欧美性猛烈丨色婷婷av一本二本三本浪潮丨天天视频色丨91性色丨国产精品午夜福利麻豆

animation

語法：

animation：<single-animation>[,<single-animation>]*

<single-animation> = <single-animation-name> || <time> || <single-animation-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>

默認值：看每個獨立屬性

適用于：所有元素，包含偽對象:after和:before

繼承性：無

動畫性：否

計算值：看每個獨立屬性

媒體：視覺

取值：

<' animation-name '>：
檢索或設置對象所應用的動畫名稱
<' animation-duration '>：
檢索或設置對象動畫的持續(xù)時間
<' animation-timing-function '>：
檢索或設置對象動畫的過渡類型
<' animation-delay '>：
檢索或設置對象動畫延遲的時間
<' animation-iteration-count '>：
檢索或設置對象動畫的循環(huán)次數(shù)
<' animation-direction '>：
檢索或設置對象動畫在循環(huán)中是否反向運動
<' animation-fill-mode '>：
檢索或設置對象動畫時間之外的狀態(tài)
<' animation-play-state '>：
檢索或設置對象動畫的狀態(tài)。w3c正考慮是否將該屬性移除，因為動畫的狀態(tài)可以通過其它的方式實現(xiàn)，比如重設樣式

說明：

復合屬性。檢索或設置對象所應用的動畫特效。
  • 如果提供多組屬性值，以逗號進行分隔。
  • 注意：如果只提供一個<time>參數(shù)，則為 <' animation-duration '> 的值定義；如果提供二個<time>參數(shù)，則第一個為 <' animation-duration '> 的值定義，第二個為 <' animation-delay '> 的值定義
  • 對應的腳本特性為animation。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 2.0-4.0 4.0-42.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.4-webkit- 2.1-3.0-webkit- #1 18.0-42.0-webkit-
10.0+ 5.0-15.0-moz- 43.0+ 9.0+ 30.0+ 9.0+ 4.0-40.0-webkit-
16.0+
  1. 在一些場景中會有錯誤行為
  2. 部分瀏覽器不支持偽元素動畫，或者支持得不夠好，盡可能不要利用偽元素來做動畫

示例：