CODEWITHSUNDEEP
jquerycsssliderslideshowopacity
thai
thai

Reputation: 31

slider images fading into body background

This is a hard question to explain so i'm going to use an example. I have my slideshow and what i want to do is fade it at the edges like on this webpage: http://www.gloryworldseries.com/

does anyone know how to do this?

Upvotes: 2

Views: 158

Answers (1)

Chris Beemster
Chris Beemster

Reputation: 362

You could consider placing two overlays (left and right) that fade from gray to transparent.

You can make these easily with this little tool: http://www.colorzilla.com/gradient-editor/.

To illustrate, I made you a fiddle that demonstrates how to position the elements with your CSS.

Upvotes: 1

Related Questions