gpt4 book ai didi

html - 将带有背景图像的 div 更改为带过渡的彩色背景

转载 作者:行者123 更新时间:2023-11-28 12:18:16 25 4
gpt4 key购买 nike

所以我有这个 img 用作导航栏 li 的背景,我希望在 :hover 上 img 将具有红色覆盖颜色 - 我希望它有一个过渡,其中颜色变化来自右侧向左

这是我正在使用的 img nav li img所以请注意 img 是一个 png 里面有一些 transperen 空格..

我试过搜索答案,但我只能找到淡入淡出的过渡...

最佳答案

最后的笔是here .

我确实使用了 css 掩码,特别有趣的是,在 chrome 中使用掩码比在 firefox 中使用掩码非常简单。该代码将在 firefox 和 chrome 上工作,我没有检查 ie..

Here有一个关于 css masks 的很棒的教程。

关于html - 将带有背景图像的 div 更改为带过渡的彩色背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19039314/

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