javascript - 是否可以用两个 div 创建交叉溶解?

标签 javascript html css

是否可以创建一个交叉溶解过渡,其中一个元素溶解而另一个元素显示?

我可以发布我有的东西,但区别在于一个淡出而另一个淡入。我只能让它们一个接一个地淡入。一个淡出然后另一个淡入。

最佳答案

是的,这是可能的。创建两个单独的 css 动画(我猜这是您正在使用的技术)一个用于淡入,另一个用于淡出。 设置淡入动画的延迟以满足您的需要,例如:animation-delay: 3s;。 第二个动画会延迟,有效,你可以设置为等到第一个动画完成。

关于javascript - 是否可以用两个 div 创建交叉溶解?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58193034/

相关文章:

javascript - 如何在鼠标悬停表格行上的鼠标旁边显示图像

javascript - this.style.display = 无; Google Chrome 中的问题 - HTML5

javascript - 我可以在更改页面时更改脚本中的类名吗

javascript - 判断回调函数的 是否是 ES6 箭头

javascript - jQuery .html 只获取 JSON 的最后一个值

javascript - 在 javascript 中解析 xml 服务的最佳方法?

html - 如何在保持绝对定位的同时使子div适合父div宽度?

css - 导航边距/填充

javascript - 如何在 IE 中重新加载模式对话框

javascript - 订阅 Observable 返回错误值