试图在轮播图像(BS4)中添加图像色调,我最初的理解是使用
.tinted-image img {
background:
/* top, transparent red */
linear-gradient(
rgba(255, 0, 0, 0.45),
rgba(255, 0, 0, 0.45)
),
}
密码笔链接-https://codepen.io/nightcoder21/pen/RyeYoz
这似乎很奏效,有人知道有任何简单的方法吗? (即试图使我的代码尽可能简单和混乱)
先感谢您
最佳答案
改变你的CSS到这个
.tinted-image:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(
rgba(255, 0, 0, 0.45),
rgba(255, 0, 0, 0.45)
);
}
您可以在这里检查:https://codepen.io/anon/pen/rvqZvK
通过使用:before选择器,您可以为不同颜色的图像着色^^
关于html - 可以给我的bootstrap 4轮播图像着色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50382166/