Ajax Loader
×

Nice Structured Buttons - Easy to change

Simple 3D buttons created with the help of CSS3 and some patterns. The buttons are made to look 3D by using box-shadow property and giving it multiple values for the top and bottom border, and depth. For the background, image patterns of wood are used that are tileable so as to make the buttons scalable.

For shine, linear-gradient is used and a fallback in the form of image (data:uri) is given to support the older browsers (Internet Explorer 7 and 8). The shine can be added to any button by simply adding the .shine class to the .button with your choice of wood pattern (.wood or .wood2).

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Nice Structured Buttons - Easy to change

    CSSDeck G+