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

transition

語法：

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

<single-transition> = [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>

默認值：看每個獨立屬性

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

繼承性：無

動畫性：否

計算值：看每個獨立屬性

媒體：交互

取值：

<' transition-property '>：
檢索或設置對象中的參與過渡的屬性
<' transition-duration '>：
檢索或設置對象過渡的持續時間
<' transition-timing-function '>：
檢索或設置對象中過渡的動畫類型
<' transition-delay '>：
檢索或設置對象延遲過渡的時間

說明：

復合屬性。檢索或設置對象變換時的過渡。
  • 注意：如果只提供一個<time>參數，則為 <' transition-duration '> 的值定義；如果提供二個<time>參數，則第一個為 <' transition-duration '> 的值定義，第二個為 <' transition-delay '> 的值定義
  • 可以為同一元素的多個屬性定義過渡效果。示例：

    縮寫方式：

    transition: border-color .5s ease-in .1s, background-color .5s ease-in .1s, color .5s ease-in .1s;

    拆分方式：

    transition-property: border-color, background-color, color; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in, ease-in, ease-in; transition-delay: .1s, .1s, .1s;
  • 如果定義了多個過渡的屬性，而其他屬性只有一個參數值，則表明所有需要過渡的屬性都應用同一個參數值。據此可以對上面的例子進行縮寫：

    拆分方式：

    transition-property: border-color, background-color, color; transition-duration: .5s; transition-timing-function: ease-in; transition-delay: .1s;
  • 如果需要定義多個過渡屬性且不想指定具體是哪些屬性過渡，同時其他屬性只有一個參數值，據此可以對上面的例子進行縮寫：

    縮寫方式：

    transition: all .5s ease-in .1s;

    拆分方式：

    transition-property:all; transition-duration: .5s; transition-timing-function: ease-in; transition-delay: .1s;
  • 對應的腳本特性為transition。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 2.0-3.6 4.0-25.0-webkit- 6.0-webkit- 15.0+ 6.0-6.1-webkit- 2.1-4.3-webkit- 18.0-24.0-webkit-
10.0+ 4.0-15.0-moz- 26.0+ 6.1+ 7.0+ 4.4.4+ 25.0+
16.0+

示例：