Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 4, 2013 05:41 pm GMT

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:    Share on Facebook
View Full Article

CSS Tricks

A Web Design Community curated by Chris Coyier

More About this Source Visit CSS Tricks