Skip to content

Instantly share code, notes, and snippets.

@awakekat

awakekat/Tinted Images

Created August 1, 2014 03:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save awakekat/98a11f017fcfeeea0aa8 to your computer and use it in GitHub Desktop.
Save awakekat/98a11f017fcfeeea0aa8 to your computer and use it in GitHub Desktop.
Download ZIP
Tinted Images with Multiple Backgrounds - CSS Tricks
Raw
Tinted Images
/* Working method */
.tinted-image {
background:
/* top, transparent red, faked with gradient */
linear-gradient(
rgba(255, 0, 0, 0.45),
rgba(255, 0, 0, 0.45)
),
/* bottom, image */
url(image.jpg);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment