Wow To Make Picture Fade with Css
Todays Turtorial Will Show You How You Can Make An Image Or Picture Fade Out Using Css Styles Using Opacity Transparency [3349], Last Updated: Mon Jun 24, 2024
Webune Tutorials
Sat Oct 10, 2009
0 Comments
959 Visits
welcome to webune tutorials. Webune Specializes in Web Hosting for Web Sites. If you ever need web hosting with great service please remember our tutorial. we have many tutorials to help people just like you.
ok, lets say we have a webpage and we have an image, and we want to make the background fade out. well you can do this using css in your html code. for example, take a look a both example pictures below:
EXAMPLE 1
HTML CODE OF EXAMPLE 1:
EXAMPLE 2
HTML CODE OF EXAMPLE 2:
as you can see, the only difference is on EXAMPLE 2 is this code in the img tag:
hope that helps
Thanks for Visiting Webune Support Forums
ok, lets say we have a webpage and we have an image, and we want to make the background fade out. well you can do this using css in your html code. for example, take a look a both example pictures below:
EXAMPLE 1
HTML CODE OF EXAMPLE 1:
<img src="http://www.webune.com/forums/web/img/webune-com/200910/09p-2512-funny-face.jpg" alt="09p-2512-funny-face.jpg">
EXAMPLE 2
HTML CODE OF EXAMPLE 2:
<img src="http://www.webune.com/forums/web/img/webune-com/200910/09p-2512-funny-face.jpg" alt="09p-2512-funny-face.jpg" style="opacity:0.4;filter:alpha(opacity=40)">
as you can see, the only difference is on EXAMPLE 2 is this code in the img tag:
style="opacity:0.4;filter:alpha(opacity=40)"
hope that helps
Thanks for Visiting Webune Support Forums