您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS3过渡事件

CSS3过渡事件

W3C CSS过渡草案

CSS Transition的完成将生成相应的DOM事件。将为每个经历过渡的属性触发一个事件。这使内容开发人员可以执行与转换完成同步的操作。

要确定转换何时完成,请为在转换结束时发送的DOM事件设置一个JavaScript事件监听器函数。该事件是WebKitTransitionEvent的实例,其类型为webkittransitionend

@R_711_2419@.addEventListener( 'webkittransitionend', 
    function( event ) { alert( "Finished transition!" ); }, false );

Mozilla

转换完成时会触发一个事件。在Firefox中,事件是transitionend在Opera中,otransitionend在WebKit中是webkittransitionend

歌剧

有一种类型的过渡事件可用。该otransitionend事件在转换完成时发生。

IE浏览器

transitionend事件在转换完成时发生。如果在完成之前删除过渡,则不会触发该事件。

CSS 2022/1/1 18:22:12 有312人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶