1 Rollover Button Using CSS Thu Feb 25, 2010 12:11 am
Sanket
Administrator
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.
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. |