How To Use CSS To Make Image Fade

RegisterLogin
How To Use CSS To Make Image Fade
Post Description: are you wondering how you can make an image fade out? well if you are maybe i can help you. i will show you how you can make a picture on your website fade out
Tags: how, to, use, css, to, make, image, fade
This Post Was Posted On Nov 30, 2010 By Webune Support #3610
Today's support question comes from a user who wants to make his gallery images fade out.. so are you wondering how you can make an image fade out? well if you are maybe i can help you. i will show you how you can make a picture on your website fade out.

the way to do this is by using CSS. specifically using the opacity if you are using firefox, or filter:alpha(opacity=x) if you are using Internet Explorer


here's an example:

Without:
And now with the opacity/filter property:


this is the code i used:

<img src="http://www.wallpaperama.com/wallpapers/flower/wallpaper/vivid/thumbs/832/vivid-wallpaper.jpg" style="opacity:0.4;filter:alpha(opacity=40)" />


you can learn more at: http://www.w3schools.com/Css/css_image_transparency.asp
Leave Your Comments
Related Pages: [Add Your Website]
Post New Topic
testing
#5326 1
hi,
directions (top, left, bottom, right) can be combined with style, width, and color to form a 3-part css command. for example, border-top-style specifies the style of the top border..........many booklets are avilable in market for css...




Jul 18, 2011 Reply Report abuse
©2012 Webune Forums - Wed Dec 12, 2012 4:40 pm
Powered by: Webune Forums V3