首頁 >web前端 >js教程 >如何偵測 CSS3 過渡的開始和結束?

如何偵測 CSS3 過渡的開始和結束?

Susan Sarandon
Susan Sarandon原創
2024-11-12 13:53:01758瀏覽

How Do You Detect the Start and End of CSS3 Transitions?

CSS3 過渡事件

使用 CSS3 轉換時,了解何時開始或結束過渡通常很有用。在 CSS3 中,元素會觸發各種事件來指示這些過渡。

CSS 過渡結束事件

定義:
過渡結束時觸發事件

語法:

範例:

其他轉換事件

其他轉換事件

>過渡結束事件,某些瀏覽器還提供其他事件:

Webkit 特定事件:
  • webkitTransitionStart:
  • CSS 轉換開始時觸發。
  • webkitTransitionRun:
在 CSS 轉換期間多次觸發。

Mozilla 特定事件:
  • transitionstart:
CSS 轉換時觸發在任何財產上

Opera 特定事件:
  • oTransitionStart:
當任何屬性上的CSS 轉換開始時觸發。

Internet Explorer事件:
  • MSTransitionEnd:
當任何屬性上的 CSS 轉換結束時觸發。

瀏覽器相容性

根據中提供的規範,上述事件在各個瀏覽器中均受支援W3C CSS Transitions Draft 和對應的瀏覽器文件.

以上是如何偵測 CSS3 過渡的開始和結束?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn