足球护具有哪些_布鲁特_310竞彩足球推荐专家预测_-90vs即时比分 - nba得分榜历史排名

animation-direction

語法：

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

<single-animation-direction> = normal | reverse | alternate | alternate-reverse

默認值：normal

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

繼承性：無

動畫性：否

計算值：指定值

媒體：視覺

取值：

normal：
正常方向
reverse：
反方向運行
alternate：
動畫先正常運行再反方向運行，并持續交替運行
alternate-reverse：
動畫先反運行再正方向運行，并持續交替運行

說明：

檢索或設置對象動畫在循環中是否反向運動
  • 如果提供多個屬性值，以逗號進行分隔。
  • 對應的腳本特性為animationDirection。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
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. 部分瀏覽器不支持偽元素動畫，或者支持得不夠好，盡可能不要利用偽元素來做動畫

示例：