Professor Al Fichera
Web Page Design
Cascading Style Sheet Hover Effects
Easy Non-Image or JavaScript Hover Buttons

The top button was created as a FORM, the other buttons are Faux Buttons only made with Cascading Style Sheets and might be something to think about when you are creating links for your Web pages.

 

Hover Button    Hover Button    Hover Button

The following code was placed inside the head in a Style Block but could be a part of a Linked External Style Sheet just as well. Take a look at the code, it's not really hard to figure out what it's doing at all. I used a pseudo code class file to create special attributes just for these hyperlinks, all other hyperlinks will be left alone.

 

Return to Profal2 Miscellaneous CSS