小编Pin*_*set的帖子

你可以在背景图像上叠加透明的css3渐变吗?

我试图在背景图像的顶部放置一个css3渐变.使用下面的代码将背景图像放在渐变的顶部,但我试图以相反的方式进行,因此渐变在顶部充当蒙版.

url(images/darkwood.png),
-webkit-gradient(linear, 0 0, 0 100%, from(#EEF), to(#000)) 300px 50px no-repeat,
-webkit-gradient(linear, 0 0, 0 100%, from(#EFE), to(#000)) 0 0 no-repeat;
background: 
url(images/darkwood.png),
-moz-linear-gradient(#EEF, rgba(0,0,0,1)) 300px 50px no-repeat, 
-moz-linear-gradient(#EFE, rgba(0,0,0,1)) 0 0 no-repeat;
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助

css gradient mask css3

29
推荐指数
2
解决办法
6万
查看次数

标签 统计

css ×1

css3 ×1

gradient ×1

mask ×1