gpt4 book ai didi

显示更改时触发的 CSS3 动画

转载 作者:行者123 更新时间:2023-11-28 10:43:34 25 4
gpt4 key购买 nike

我正在尝试使用 CSS3 动画,以便在页面加载时淡入淡出元素。为此,我需要将元素设置为 display: none;,然后返回到 display: block;

我只想在元素的初始加载时使用 CSS3 动画,而不是通过显示。如果不跟踪动画已经用 JavaScript 完成,这可能吗?我这里有一个 JS Fiddle 示例 https://jsfiddle.net/L219ezkd/1/

最佳答案

您可以按原样保留标记并改用 visibility 属性。在 .hover-hide 元素上,在 hiddenvisible 之间切换。

Updated fiddle.

(这是有效的,因为元素是绝对定位的。如果不是,visibility: hidden; 将不会产生所需的行为,因为它维护元素使用的空间并简单地隐藏它而不是像 display: none; 一样完全删除它。)

关于显示更改时触发的 CSS3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30766049/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com