Tint image 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 vote148 views1 answer
Function for style your theme wordpress php
CSS
18 votes199 views2 answers
Rgba blue colo
CSS
0 vote116 views1 answer
Buttons have strange style iOS
CSS
5 votes129 views4 answers
Css limit text length
CSS
0 vote134 views1 answer
Input text only css
CSS
20 votes139 views3 answers
Align items center in grid
CSS
0 vote133 views1 answer
Css row
CSS
0 vote131 views1 answer
Make image scale based on screen size
CSS
1 vote136 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
1 vote148 views2 answers
How to filter css red
CSS