【发布时间】：2014-02-04 11:06:05
【问题描述】：
我正在设置一个投资组合网页，并且我希望在鼠标悬停之前使用徽标中的 50% 纯色为图像着色，这样可以使颜色淡出并正确显示图像。
这是目前为止的网站； www.cmvisual.com
有人知道怎么做吗？
【问题讨论】：
标签： image colors hover twitter-bootstrap-3
【发布时间】：2014-02-04 11:06:05
【问题描述】：
看来您可能想要放置一个具有背景颜色和部分不透明度的 div 在图像上，然后使用 CSS 过渡（最好）或 Javascript 为过渡设置动画。
也许从一半不透明度开始，然后在翻转时转到 0 不透明度。
您真正想要的是 CSS 混合模式，但尚未完全支持。
【讨论】：
-
混合模式会很棒，但我只要一个简单的淡入淡出就可以了。鉴于我想在每张图片上使用不同的颜色，是否需要为每张图片添加一个新的 div？