CSS Square buttons
These buttons use the sliding doors technique of CSS, plus two sliced background images with “on” and “off” states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image’s height.



















Last Comments
Thoms: You might wanna check www.hapjestheater.nl! Also a desktop / table approach website.
dudeydudedude: With all due respect, these are basically examples of “web design ideas that overused and already very...
Aziendealtop: Complimenti per l’alta qualità grafica del sito
Stan Gursky: My website looks like a desktop :P
Web Designer Perth: It’s brilliant. It inspired me to put this Mad Max spoof together: “My life fades. The vision dims....
Webagentur: Thank you, this tutorial has me very helped.
liam: Great read, but I just couldn’t keep my eyes off your work. The top two are my absolute faves, beautiful.