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!):

Hey people! Check out my new virtual petsite, Koala Land! Lots of fun koalas to adopt! Please click on my koalas!

[Abby]

[Eggster]

[Joey]

I just posted a video on youtube. It's called Abby's Awesome Cartoon Character. It is a random video that I made on GoAnimate. Check it out: [Awesome Cartoon Character]

I just learned how to play the ukulele and it is AWESOME!!!!!