css文字在背景图片上淡出效果

Question

我想要做的是在背景图片的div上淡出某些文字。

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

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

Answer 1

对于css使用transitions怎么样？这可能是你的代码的一个例子：

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

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

我希望它有帮助。