Home1
Rollover Button Using CSS on Wed Feb 24, 2010 10:41 pm
Sanket
Administrator
Posts : 5796
Points: 298
Age : 28
Location : Mumbai
Browser:
Rollover button Using CSS How to have a roll over effect on a image |
Hello Everyone  This is a tutorial to have a rollover effect over a button. You must have seen different kinds of roll over's wherein the image is loaded once we hover over it. Making it look like a intermittent rollover for the first time. But this method avoids that because the image is already loaded when the page loads. To start off with we will require an image of this sort.  The image is of size 100 x 40 (px) We have created this image in such a way that, top half that is 20 px is the base image which we want to be always visible & the bottom half of 20 px to be displayed when we roll over it. Enter this code into your HTML Page.
Its really a self explanatory code, wherein we have the top half of it displayed & when we hover over it, it takes the bottom part making it look like a rollover effect.  Thank you  |
| Notice : This version of the tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |
