Answers for "how to put a tint on a photo in css"

CSS
0

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);
}
Posted by: Guest on March-20-2020
0

had to add a tint to a picture on css

.hero-image:after {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	background-color: rgba(0,0,0,.5);
  	top: 0;
  	left: 0;
  	display: block;
  	content: "";
}
Posted by: Guest on May-27-2021

Code answers related to "how to put a tint on a photo in css"

Browse Popular Code Answers by Language