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: