skip to content

Lamp light


Information

A simple demonstration of how to change the colors of borders using :hover to give the impression of a light being switched on and off.

10th October 2005

Updated to improve the lamp border art.

IE6 - Click the ON/OFF switch.

Mozilla/Firefox/NN7.1 - Hover over the ON/OFF switch for temporary ON/OFF or click the ON/OFF to remain ON/OFF.

Opera 7.50 - Works only if you hover over the image.

Netscape 7.0 - The bulb has blown :(

Copyright

Please ask permission before using or copying this example to your own web site.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.




Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages



CSS play recommend

Free, practical CSS menus, layouts, and examplesSocial Media Applications On DemandSitegrinderPSD to HTMLQuality UK Web Hosting