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;
}

希望对你有帮助。