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.