Css

Search

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

Comment

PREVIOUS	NEXT

Code Example
Css :: input disabled remove css
Css :: reset all input styles with 1 property css
Css :: have background color and background image css
Css :: how to change color of element when hovering over div
Css :: how to use gradient on font css?
Css :: scss breakpoints
Css :: Applying an ellipsis with css
Css :: onhover mouse pointer css
Css :: scale up and scale down animation in css
Css :: wordpress css admin not loading
Css :: normalize css npm
Css :: css nth element
Css :: background repeat space
Css :: css align text
Css :: create a animation name in css
Css :: how to set div background image
Css :: box-shadow left right and bottom
Css :: Install css-loader and style-loader
Css :: text indent css
Css :: best box shadow
Css :: can we use multiple keyframes in css
Css :: child css
Css :: fixed div with scrollable content
Css :: transform origin css
Css :: square with 2 colors css
Css :: make text bold without font-weight
Css :: font roboto css
Css :: css list items next to each other
Css :: background image path
Css :: Correct border property to add ROUNDED borders to the elements

Search

CSS

tint image css

ADD CONTENT