Orange CSS Rollover Button
Author: Free CSS Menus: www.freecssmenus.co.uk
Description: This orange css button has been refined to contain only one image. Other rollover buttons of this nature would normally contain two images. Here we use the: background-postion command to display the image in four different positions. Why four? Well the normal state (no hover)has both left and right edges which are needed so that the button can stretch with more text. Apon the hover state the button uses another two edges.
Category: Button
Tested Browsers: AOL 9, Firefox 3.0.1, Opera 9.10, IE 7
Comments:
No comments have been submitted for this script!
Would you like to read comments on other CSS scripts?
More CSS related to this script:
Green Description Menu. This vertical menu shows that a hyperlink can contain as much or as little information as you like. This idea could be expanded to show key points or areas of interest on your website.
Yellow CSS Drop Down Menu. This basic css drop down menu will de-clutter all your navigation links into one simple menu. Using the z-index command allows the horizontal menu to safely dropdown over the top of the rest of the webpage without distorting or moving any content. Try using a background image instead of a colour to really bring the menu to life.
Latest CSS:
•
Animated navigation menu
Great animated vertical menu. Our first submission by one of our visitors. Top M ...
Added: Monday 15 Feb, 2010
•
CSS vertical numeric keypad
Stylish CSS vertical numeric keypad. ...
Added: Sunday 03 Jan, 2010
•
Red Green and Blue Menu
These three css menus use subtle shades of red, green and blue, just enough to a ...
Added: Thursday 31 Dec, 2009
•
2010 Dark Gloss Nav
If you have a dark website, this glossy nav menu a perfect compliment for it. ...
Added: Wednesday 30 Dec, 2009
•
Dark Flash Metal Menu
You may be mistaken for thinking that this menu was created using flash. CSS, ba ...
Added: Monday 30 Nov, 2009
Top Rated:
CSS World Map Rollover
I made the UK rollover map las ...
![]()
4.9 / 5 - 29 Ratings
Curved Horizontal Menu
This horizontal menu shows how ...
![]()
4.5 / 5 - 16 Ratings
Diagonal Horizontal Gr ...
This horizontal menu took quit ...
![]()
4.8 / 5 - 5 Ratings
Diagonal Horizontal Bl ...
This horizontal menu took quit ...
![]()
4.6 / 5 - 5 Ratings
Curved white css borde ...
Creating curved corners for yo ...
![]()
4.5 / 5 - 4 Ratings









