Pure CSS Animated Slide Toggle

58 Responses (page 1 of 3)

1. Joshua Hibbert

   Unfortunately this only works in webkit browsers. I'm pretty happy with how it turned out though, especially with how I managed to 'animate' a pseudo-element.

   Here is the live version if you want to have a play: http://jsfiddle.net/joshnh/evePU/show/

   Feel free to do what you like with it. If you do something mind blowing, I would love to see!

   about 1 year ago

2. Adam Whitcroft

   That is god damn impressive Josh. Srsly.

   2likes

   about 1 year ago

3. Joshua Hibbert

   Thanks, Ad! I must admit, I surprised myself with this one.

   1likes

   about 1 year ago

4. Dan Edwards

   Awesome man!

   1likes

   about 1 year ago

5. Joshua Hibbert

   Cheers, Dan!

   about 1 year ago

6. Vincent Milliken

   This is well nice man, great work.

   1likes

   about 1 year ago

7. Joshua Hibbert

   Thank you, Vincent :)

   about 1 year ago

8. Adrien Rochet

   Only CSS3 ? No images ?

   1likes

   about 1 year ago

9. Glenn Hitchcock

   Good stuff.

   1likes

   about 1 year ago

10. Joshua Hibbert

    @Adrien Rochet No images at all!

    @Glenn Hitchcock Cheers mate :)

    about 1 year ago

11. Adrien Rochet

    @Joshua Hibbert So.. it's AWESOME.

    1likes

    about 1 year ago

12. Joshua Hibbert

    @Adrien Rochet I'd like to think so!

    about 1 year ago

13. Virgil Pana

    I love the depth of this. very inspiring.

    1likes

    about 1 year ago

14. Joshua Hibbert

    Thanks, Virgil!

    about 1 year ago

15. Todd Coleman

    That's really amazing Josh. You are damn talented.

    1likes

    about 1 year ago

16. Joshua Hibbert

    Thanks, Todd, I just like to experiment :)

    about 1 year ago

17. Louis Bullock

    Nailed it.

    1likes

    about 1 year ago

18. Louis Bullock

    Y'know what'd be just as impressive if not greater? A css3 animated Portal 2 chamber door (with the spinny circle bit in the center). :)

    about 1 year ago

19. CSS Animated Flip Toggle Got inspired by http://dribbble.com/joshnh, so I made this! Try it (only webkit): http://jsfiddle.net/krELa/show/

    Rebound

    CSS Animated Flip Toggle

    by Ben Holme

    Got inspired by http://dribbble.com/joshnh, so I made this!
    Try it (only webkit): http://jsfiddle.net/krELa/show/

    • 8
    • 2
    • 390

    about 1 year ago

20. Joshua Hibbert

    Thanks, Louis :) I have to admit though, having never played that game, I have no idea what you are talking about!

    about 1 year ago

21. Sergiu Radu

    Nice work! I love it!

    1likes

    about 1 year ago

22. Joshua Hibbert

    Cheers, Radu :)

    about 1 year ago

23. Thorsten Beeck

    Awesome stuff Josh! Thumbs up!

    1likes

    about 1 year ago

24. Joshua Hibbert

    Thanks, Thor.

    about 1 year ago

25. Ari

    Dude, you're amazing.

    1likes

    about 1 year ago