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.



Valid XHTML 1.0 Transitional.

Hosted on
GameStone

All trademarks and copyrighted material are property of their respective owners