欧美超薄遮肉裤|古代打板子视频|驴一样的女婿全文免费阅读|无人区卡一卡二入口|动漫视频网站|抖音王大炮资源|色愁愁久久久

animation-direction

語法：

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

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

默認(rèn)值：normal

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

繼承性：無

動畫性：否

計(jì)算值：指定值

媒體：視覺

取值：

normal：
正常方向
reverse：
反方向運(yùn)行
alternate：
動畫先正常運(yùn)行再反方向運(yùn)行，并持續(xù)交替運(yùn)行
alternate-reverse：
動畫先反運(yùn)行再正方向運(yùn)行，并持續(xù)交替運(yùn)行

說明：

檢索或設(shè)置對象動畫在循環(huán)中是否反向運(yùn)動
  • 如果提供多個(gè)屬性值，以逗號進(jìn)行分隔。
  • 對應(yīng)的腳本特性為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. 在一些場景中會有錯(cuò)誤行為
  2. 部分瀏覽器不支持偽元素動畫，或者支持得不夠好，盡可能不要利用偽元素來做動畫

示例：