使用事件监控 CSS3 转换
HTML 元素提供事件触发器,允许开发人员监控 CSS3 转换的进度。这些事件有助于与转换启动或完成同步。
W3C 草案:
- 当 CSS 转换开始或结束时,会发生 DOM 事件,并有一个专用事件对于每个过渡属性。
Webkit:
-
webkitTransitionEnd: 表示转换完成。
- 示例:框。 addEventListener( 'webkitTransitionEnd', function( 事件 ) { 警报( "完成转换!" ); }, false );
Mozilla:
-
transitionend: 所有转换时触发完成。
Opera:
互联网Explorer:
-
transitionend: 转换完成时发生;如果过渡被中断,则不会触发任何事件。
浏览器兼容性:
大多数主要浏览器都支持transitionend事件,但供应商前缀可能会有所不同(例如,Webkit 中的 webkitTransitionEnd)。
其他资源:
- [Stack Overflow:跨浏览器标准化 CSS3 转换函数](https://stackoverflow.com/questions/12951773/how-do-i-normalize-css3-transition-跨浏览器功能)
以上是如何跨不同浏览器监控 CSS3 转换事件?的详细内容。更多信息请关注PHP中文网其他相关文章!