/CSS/Tint image with background color css

Tint image with background color css

.tinted-image {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* your image */
    url(image.jpg);
}

Source: stackoverflow.com

Similar codes

0 vote306 views1 answer
Call circle icon in html css
CSS
0 vote282 views1 answer
Img grows up onmouseover css
CSS
7 votes328 views3 answers
Pm2 remove process from list
CSS
0 vote354 views1 answer
Css saturate
CSS
72 votes320 views6 answers
Absolute position center
CSS
1 vote349 views1 answer
Rainbow linear gradient css
CSS
0 vote329 views1 answer
Mat slider custom color
CSS
4 votes313 views2 answers
Bootstrap icons sdn
CSS
0 vote325 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote320 views2 answers
Easyui datagrid header field color
CSS