css - CSS在所有浏览器中的透明渐变阴影

我想使用渐变顶部透明颜色的CSS代码。请您检查以下是否正确？

background-color: transparent;
background-image: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
bottom: 0;
content: " ";
display: block;
height: 150px;
position: absolute;
width: 100%;
z-index: 8;

最佳答案

我建议您仅将background属性用于您的目的，前提是我没有正确理解它。

.example {
   background: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
}

因为您将第二种颜色与opacity: 0（rgba函数中的最后一个参数）一起使用，您将获得透明的渐变效果。

关于css - CSS在所有浏览器中的透明渐变阴影，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43385974/