Test if a image mask can be used for a fade effect in a slider.
See the result here: http://zwaarcontrast.nl/fade/
Thanks to Lorem pixel for the placeholder images: http://lorempixel.com/
=============== For this example I used a CSS3 gradient for a mask, this can also be a png image.
=============== This example only works in WebKit browsers at the moment but the mask-image (-webkit-mask-image is used) was added to the W3 spec: http://www.w3.org/TR/css-masking/#mask-image
=============== For more info on this effect: http://css-tricks.com/webkit-image-wipes/ for an exellent tutorial