An Interest In:
Web News this Week
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
November 4, 2013 05:41 pm GMT
Original Link: http://css-tricks.com/tinted-images-multiple-backgrounds/
Tinted Images with Multiple Backgrounds
The background property in CSS can accept comma separated values. "Multiple" backgrounds, if you will. You can also think of them as layered backgrounds since they have a stacking order. If we layer a transparent color over an image, we can "tint" that image. But it's not quite as obvious as you might suspect.
My first intuitive guess at doing this would be like this:
/* Warning: this doesn't work */.tinted-image { background: /* top, transparent red */ …
Tinted Images with Multiple Backgrounds is a post from CSS-Tricks
Original Link: http://css-tricks.com/tinted-images-multiple-backgrounds/
Share this article:
Tweet
View Full Article