VRx software
js.vrx.palo-alto.ca.us
Shaded CSS buttons

Shaded CSS buttons

one
one

Version one
Version two
Where this button came from

This is the only button I've converted to CSS3 so far. A bitmapped graphics version is at the right and further over is the CSS version and the component layers. In this example it's set up not to move when you scroll the page Horizontal axis is the color, diagonal axis is the bezel, vertical axis are the antialiasing rings. Note that they don't have to float, that's just the way they're set up here. I used them as save (submit) buttons and indicator lights.

two
two

to be done next

three

to be done next

four

to be done next

five

to be done next