# Fading an image

**URL:** <https://forum.kirupa.com/t/fading-an-image/97352>\
**Category:** Uncategorized\
**Created:** [December 21, 2003, 4:43am UTC](https://forum.kirupa.com/t/fading-an-image/97352 "2003-12-21T04:43:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![shadow77](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@shadow77](https://forum.kirupa.com/u/shadow77)\
**Post date:** [December 21, 2003, 4:43am UTC](https://forum.kirupa.com/t/fading-an-image/97352/1 "2003-12-21T04:43:04Z")

</div>

How do you fade a graphic on mouseover, and then have the graphic return to its original alpha on mouseout?

Basically what I want to do is have the graphic fade to around 50% alpha on mouseover and then fade back to 100% alpha on mouseout.

I am really stuck on this, any help is appreciated.

Thanks 🙂