如何偵測 CSS 轉換是否完成？

CSS 轉換回呼

查詢：CSS 轉換完成後能否收到通知？

解答：在支援回呼的瀏覽器中，轉換完成時會觸發事件。此事件因瀏覽器而異：

• Webkit（Chrome、Safari）：webkitTransitionEnd
• Firefox：transitionend
• IE9 : msTransitionEnd
： oTransitionEnd

WebKit TransitionEnd 問題

請注意 webkitTransitionEnd 可能不會總是觸發。當動畫對元素沒有可見效果時，就會發生這種情況。若要解決此問題，請考慮在事件未如預期觸發時逾時來觸發事件處理程序。

建議的程式碼結構

注意: 請參閱「如何跨瀏覽器規範CSS3 轉換功能？」用於標準化轉換事件名稱。

以上是如何偵測 CSS 轉換是否完成？的詳細內容。更多資訊請關注PHP中文網其他相關文章！