Need Help in fading div using CSS/Jquery or anything?

Hi could someone help in in coding something like the image below?




Basically, it will go inside a div. so I need the div to fade out.

Appreciate your help!

you may post links for tutorial or anything.

Thank you!

 

One way I could foresee this being done (after I have done a Google search for this) would be to have a gradient foreground in front of the text div? this would be done using z-index but I am unsure.

using jQuery you can fade and animate the div but I can't see a way that you can have it fade like your example

http://api.jquery.com/fadeOut/

 

@Toycel - Close. Use opacity instead.

 

@drhowarddrfine but that would do all the div would it not?

 

opacity to div will fade all lines.

This can be done in Jquery

if you need in css then you need to make each link as separate <span> tag and add different opacity to each <span>tag

 

thanks for your answers. I think there's no way to do this.

 

maybe you can find a solution in html 5:
http://www.williammalone.com/articles/html5-canvas-example/
Doesn't work in IE 8 though.

 

oh. that gives me a hope