所以我有这个 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/