Pure CSS Radio Button

16 Responses

1. Pro Joshua Hibbert

   Another experiment that currently only works in webkit. Can't wait for full browser support!

   Here is the live demo: http://jsfiddle.net/joshnh/UqHGK/

   Play around, and let me know what you can do with it.

   UPDATE: Here is an alternate checked state: http://jsfiddle.net/joshnh/DJpTA/

   11 months ago

2. Pro Daryl Ginn

   Dude, these are awesome.

   1likes

   11 months ago

3. Pro Damian Hernandez

   CSSantastic!

   1likes

   11 months ago

4. Connor Montgomery

   This is fantastic! I'd love it if the "on" state was pressed in, and had no shadow below it. And there would be a corresponding :hover state. Just my two cents, though :)

   1likes

   11 months ago

5. Pro Cesar Zeppini

   Great! Really great!!

   1likes

   11 months ago

6. Pro Matt Sellers

   slick!

   1likes

   11 months ago

7. Pro Alex Leeson-Brown

   Excellent work, dude!

   1likes

   11 months ago

8. ThisIsUI

   Just CSS it. :) Great stuff.

   1likes

   11 months ago

9. Pro Joshua Hibbert

   Thank you very much guys!

   11 months ago

10. Greg Bruening

    This is hot man, awesome work!

    1likes

    11 months ago

11. Pro Joshua Hibbert

    Cheers @Greg Bruening

    11 months ago

12. Ignacio Giri

    I can see the next feature of Photoshop will be 'Export as CSS'.

    11 months ago

13. Megan Tegeder

    These are awesome.

    1likes

    11 months ago

14. Pro Joshua Hibbert

    Thanks @Megan Tegeder :)

    11 months ago

15. Pro Joshua Hibbert

    @Connor Montgomery Is this the sort of thing you are talking about? http://jsfiddle.net/joshnh/DJpTA/

    9 months ago

16. Connor Montgomery

    @Joshua Hibbert absolutely. I love that.

    1likes

    9 months ago