Home

Tutorials

Articles (6)
HTML/CSS (15)
Javascript (3)
PHP (3)
Paint Shop Pro 7 (7)
Flash CS3 (9)

Design

Avatars (166)
Layouts (8)
phpBB3 Skins (4)
Buttons (20)
Fonts
Emoticons
Adopt

Quizzes

Classical Elements
Your Baby's Looks
Clothes Color

Interactive

Button Rotation
Hosting
Livejournal

HTML & CSS Tutorial: varying Mouseover Image Transparency

If you want to vary the image transparency of your image by placing your cursor over it, you can do it using this tutorial. This will work in both Firefox and Internet Explorer. Here's an example:

This is the code I used:

<img src="image.gif" style="filter:alpha(opacity=50); opacity: 0.5;" onmouseover="this.style.opacity='1'; this.filters.alpha.opacity='100';" onmouseout="this.style.opacity='0.5'; this.filters.alpha.opacity='50'">

Once again, adjust the opacity values for Internet Explorer [filter:alpha(opacity=#)] and the opacity values for Firefox [opacity: #] accordingly, depending on how transparent you want your images to seem!

Forum

Latest Topics...
- Continuing Story OOC
- Hai Hai Everyone :3
- WE SHALL TALK ABOUT MUFFINS!
- Harle is a bastard
- messages of love

Site

Submissions
Terms of Use
Credits
Links & More

Site of the Month

Affiliates

None

Neskaya.Net is © Strawbee 2008. All rights reserved.
Best viewed in 1024 x 768 resolution or higher.