css文本淡出背景图像上的效果

Question

我想要做的是淡出带有背景图像的div中的某些文字。

正常的线性渐变解决方案在这里不起作用，因为背景图像不一致。所以使用单色线性渐变会很糟糕。

关于如何做到这一点的任何想法或建议？

Answer 1

如何将transitions用于css？这可能是您的代码示例：

.background  {
    background-color: #333;
    -webkit-transition: all 3s ease-out;
    transition: all 3s ease-out;
}

.background:hover {
    background-color: #CCC;
}

我希望它有所帮助。