Tint image using CSS without overlay

Question

Is it possible to tint an image with a specific color using CSS without an overlay in a WebKit browser?

Failed attempts

• Managed to tin

Answer 1

How about an underlay then?

HTML:

CSS:

.tint { background-color:red; display:inline-block; }
.tint img { opacity:0.8 }

Tweak the color and opacity as you wish. Doesn't really work on images with transparency in them.