Ajax Loader
×

Simple Pressable Buttons

I made a set of simple Pressable CSS Buttons. Feel free to use them! The shadows and rounded corners (hence, the entire pressable effect :P) is not supported in IE8 and below. But the buttons are pretty usable in those browsers. The main trick to achieve the pressable nature is to set some top offset to the buttons and decrease the bottom padding (when clicked). Instead of adjusting the padding and applying an inset shadow, you can also set an outer box shadow at the bottom and decrease it's offset when the button is pressed.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple Pressable Buttons

    CSSDeck G+