Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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 
ADD CONTENT
Topic
Content
Source link
Name
6+6 =