当前位置: 首页 > 面试题库 >

CSS过渡上的回调

逑俊楚
2023-03-14
问题内容

CSS转换完成后能否获得通知(如回调)?


问题答案:

我知道Safari实现了一个webkitTransitionEnd回调,您可以将其直接附加到带有过渡的元素上。

他们的示例(重新格式化为多行):

box.addEventListener( 
     'webkitTransitionEnd', 
     function( event ) { 
         alert( "Finished transition!" ); 
     }, false );


 类似资料:
  • 问题内容: 我目前正在设计CSS“巨型下拉菜单”-基本上是一个常规的仅CSS下拉菜单,但其中包含不同类型的内容。 目前, 似乎CSS 3过渡不适用于’display’属性 ,即,您不能进行从到(或任何组合)的任何过渡。 当有人将鼠标悬停在顶层菜单项之一上时,是否可以通过上述示例使第二层菜单“淡入”? 我知道您可以在属性上使用过渡,但我想不出一种有效使用过渡的方法。 我也尝试过使用高度,但是那不幸地

  • 问题内容: 从Twitter的bootstrap修改bootstrap-modal jquery插件,我看到他们使用CSS过渡来实现渐变效果。 这行令我着迷的是这一行: 如果该行被注释,过渡将不起作用。我发现有关其含义的所有参考文献都是“强制回流”注释。 读取该属性如何影响CSS过渡?这是为了解决浏览器中的错误吗? 问题答案: 回复有点晚,但是我正在解决CSS转换的一些问题,我认为这与您发现的这段

  • 主要内容:1. transition-property,2. transition-duration,3. transition-timing-function,4. transition-delay,5. transition通常当 CSS 的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过 :hover 选择器定义的样式会立即应用在元素上。在 CSS3 中加入了一项过渡功能,通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式,类似于简单的动画,但无需借

  • 本文向大家介绍CSS过渡速记,包括了CSS过渡速记的使用技巧和注意事项,需要的朋友参考一下 示例 的CSS 的HTML 此示例将在div悬停时更改背景颜色,背景颜色更改将持续1秒钟。

  • 本文向大家介绍CSS 过渡(纵向),包括了CSS 过渡(纵向)的使用技巧和注意事项,需要的朋友参考一下 示例 的CSS 的HTML transition-property:指定过渡效果所针对的CSS属性。在这种情况下,当鼠标悬停时,div会在水平和垂直方向上扩展。 transition-duration:指定过渡完成所需的时间。在上面的示例中,高度和宽度过渡将分别花费1秒和500毫秒。 trans

  • 我正在尝试创建一个角度的小小吃栏,它将一个数组作为输入并显示每个通知几秒钟,然后从堆栈中弹出并显示下一个通知。 我希望在这些通知之间有一个不透明度转换。 过渡属性似乎不起作用 这是堆栈闪电战链接 更多信息: < li >应用程序组件有一个按钮,每次单击都会生成一个通知 < li>snackbar组件显示3秒钟的通知,然后删除它并切换到下一个。 < li>snackbar容器用0 opacity()