Skip to main content

Mouseover Fade Effect


A very simple image animation yet a very interesting one. This animation is what we mostly see in web designs and can also be used in making image gallery.

The code is very simple and easy to understand. I change the opacity of the image into .5 and when the user hover on it, image opacity change into 100%.

Hope you learn from this simple project.

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.