absterninja's blog

Glossy Little Light Bulb Buttons with CSS3

For any web designers out there:
I am completely recoding the website I designed, abbysawesome.com, and I had to make a new button design. It is my summer project 😁. After hours of experimentation and debugging, I have created 5 buttons that look like glossy little lightbulb buttons with 3 different sprites: regular, hover, and active. I am putting the code here incase anyone wants to use them.
For a pink button (you can change the color to anything you want):
HTML (yes that is it!):