Ajax Loader
×

Glossy Pill Style Button

Glossy Pill Button designed by Visual Idiot and coded in CSS3 by Chris Valleskey. I improved the code a bit to make it work in all browsers by adding vendor prefixes to all the properties. The main colors on the button are created using the linear-gradient property. The gradient is made diagonal to get the perfect look.

The gloss effect, shadow and the inset border are created using box-shadow. Also, the reflection of the whole button is created using box-reflect property that works only on webkit browsers for now.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Glossy Pill Style Button

    CSSDeck G+