Rollover Button Colour Sets.

Underline

Rollover Button
Blue		 Rollover Button Rollover Button
Green		 Rollover Button Rollover Button
Grey		 Rollover Button
Rollover Button
Orange		 Rollover Button Rollover Button
Pink		 Rollover Button Rollover Button
Purple		 Rollover Button
Rollover Button
Red		 Rollover Button Rollover Button
Yellow		 Rollover Button Rollover Button
Black		 Rollover Button

Sample Square Button Rollover Sets.
Using Negative Images For The Rollover Effect.
( 48px X 48px & 24px X 24px ).
Blue Gradient Button 48 x 48.
Blue		 Blue Gradient Button 24 x 24. Green Gradient Button 48 x 48.
Green		 Green Gradient Button 24 x 24. Grey Gradient Button 48 x 48.
Grey		 Grey Gradient Button 24 x 24.
Orange Gradient Button 48 x 48.
Orange		 Orange Gradient Button 24 x 24. Pink Gradient Button 48 x 48.
Pink		 Pink Gradient Button 24 x 24. Purple Gradient Button 48 x 48.
Purple		 Purple Gradient Button 24 x 24.
Red Gradient Button 48 x 48.
Red		 Red Gradient Button 24 x 24. Yellow Gradient Button 48 x 48.
Yellow		 Yellow Gradient Button 24 x 24. Black Gradient Button 48 x 48.
Black		 Black Gradient Button 24 x 24.

Normal Colour Set Images.
Used For The Initial Button Image Prior To The Rollover Effect.
( 48px X 48px & 24px X 24px ).
Negative Blue Gradient Button 48 x 48.
- Blue		 Negative Blue Gradient Button 24 x 24. Negative Green Gradient Button 48 x 48.
- Green		 Negative Green Gradient Button 24 x 24. Negative Grey Gradient Button 48 x 48.
- Grey		 Negative Grey Gradient Button 24 x 24.
Negative Orange Gradient Button 48 x 48.
- Orange		 Negative Orange Gradient Button 24 x 24. Negative Pink Gradient Button 48 x 48.
- Pink		 Negative Pink Gradient Button 24 x 24. Negative Purple Gradient Button 48 x 48.
- Purple		 Negative Purple Gradient Button 24 x 24.
Negative Red Gradient Button 48 x 48.
- Red		 Negative Red Gradient Button 24 x 24. Negative Yellow Gradient Button 48 x 48.
- Yellow		 Negative Yellow Gradient Button 24 x 24. Negative Black Gradient Button 48 x 48.
- Black		 Negative Black Gradient Button 24 x 24.

Negative Colour Set Images.
Used For The Secondry Button Image After The Rollover Effect.
( 48px X 48px & 24px X 24px ).

Other colour variations using the above Images, some subtle, some aggresive.
Rollover Button
Red to
Purple		 Rollover Button Rollover Button
Orange to
Yellow		 Rollover Button
 Rollover Button
Blue to
- Yellow		 Rollover Button
Rollover Button
- Pink to
Green		 Rollover Button
 Rollover Button
- Black to
Grey		 Rollover Button
 Rollover Button
- Red to
- Orange		 Rollover Button
Rollover Button
Purple to
Pink		 Rollover Button
 Rollover Button
Grey to
Blue		 Rollover Button
 Rollover Button
- Orange
to Blue		 Rollover Button


This page demonstrates some of the effects achievable using the images for the buttons on this page but of course not all variations are shown here. Should you wish to experiment for yourself the Images, sample HTML code, CSS Stylesheet and the JavaScript documents are available for download in the form of the following Zipped folder. Download The Zipped Folder.
Download the zipped folder.



Hosted on
GameStone

All trademarks and copyrighted material are property of their respective owners