gpt4 book ai didi

悬停时的 CSS 动画 - 悬停时缓慢淡出

转载 作者:太空宇宙 更新时间:2023-11-03 17:45:35 25 4
gpt4 key购买 nike

我对 CSS 动画还很陌生。我制作了一个简单的效果,其中悬停了一个链接并出现了一个标题,并且图像顶部的 div 的不透明度逐渐消失。

这一切都在工作并显示在这个模型上:

http://tinyurl.com/l2rln4k

我尝试做但没有成功的是,当退出链接区域(悬停)时,让不透明度 div 淡出。谁能帮忙?

最佳答案

好的,所以在你的 .overlay 类上让它总是有一个 position: absolute 和 top: 0, left: 0;然后向背景添加过渡(我做了 .5s 效果很好)。您现在遇到的问题是,当 anchor 未悬停时,叠加层位于其下方而不是顶部。

告诉我这是否有效

关于悬停时的 CSS 动画 - 悬停时缓慢淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28288090/

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