CSS3 Round Buttons

8 Responses

1. Pro Ryan Keairns

   Took a swipe at a pure CSS version of these buttons.
   Hopefully it is kosher to rebound this...

   In the active state, the box shadow around the inner circle contracts and the light illuminates (a tiny div with a css3 gradient).

   Let me know what you think.

   7 months ago

2. Nicholas L. Eby

   nice ryan!

   7 months ago

3. Pro Ryan Keairns

   Thanks Mr. Eby!

   7 months ago

4. Pro Kerem Suer

   Looks sweet, is there a live version up there we can check it?

   7 months ago

5. Pro Ryan Keairns

   Thanks Kerem - It is in use on my personal site:
   http://www.ryankeairns.com

   - just uploaded it tonight, so no IE guarentees yet... shame on me... and not insinuating you would use such a browser ;)

   7 months ago

6. Pro Nicholas Petersen

   Love this. I'm working on a similar button for my personal site, but not css driven like this. Your's is way cooler. I love the the out-transition when a second button is clicked.

   Btw, thanks for the invitation!

   1likes

   6 months ago

7. Pro Ryan Keairns

   @Nicholas thanks!

   You have some great work on your site, look forward to seeing more of it!

   6 months ago

8. Cody Sielawa

   crucial!

   2 months ago