Does there exist some kind of jQuery fade into black effect withing a specific part of a picture. So it really colors the picture into being black? I do know about the canvas element, but it just doesn`t seem like a good solution to me, would be grateful with some help :)
Does there exist some kind of jQuery fade into black effect withing a specific part of a picture. So it really colors the picture into being black? I do know about the canvas element, but it just doesn`t seem like a good solution to me, would be grateful with some help :)
Share Improve this question asked Mar 12, 2013 at 11:43 user2097217user2097217 4171 gold badge9 silver badges17 bronze badges 01 Answer
Reset to default 7applying an overlay to the picture ( an absolutely positioned DIV
), and adding opacity: 0
and background-color: black
will make a transparent overlay. You can then animate the opacity to 1, basically "darkening" the image progressively.
Edit: here's a fiddle with a demo http://jsfiddle/FMSKf/