Css

Search

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);
}

Comment

PREVIOUS	NEXT

Code Example
Css :: no hover effect css
Css :: how to center pseudo element
Css :: how to wrap the data in table material UI
Css :: scroll start from bottom css
Css :: how to add space between image and text in css
Css :: css scrollbar always visible
Css :: css table cell vertical align
Css :: css select with attribute
Css :: css show scrollbar if overflow
Css :: style scrollbar overflow-y
Css :: line through text css
Css :: nth last of type
Css :: background repeat
Css :: line in css div
Css :: javascript canvas pixel art
Css :: how to add background in css
Css :: css font properties
Css :: width css property
Css :: multiple divs next to each other
Css :: css add shade over background image
Css :: input padding without changing width
Css :: why is my css code not working
Css :: svg stroke color
Css :: css attribute selector
Css :: css get screen height
Css :: css gradient bottom page
Css :: bootstrap 4 input error
Css :: line middle text css
Css :: css transition ease
Css :: center an element in css completely

Search

CSS

tint image with background color css

ADD CONTENT