Pure CSS Animated Slide Toggle

57 Responses (page 1 of 3)

1. Pro 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!

   12 months ago

2. Adam Whitcroft

   That is god damn impressive Josh. Srsly.

   2likes

   12 months ago

3. Pro Joshua Hibbert

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

   1likes

   12 months ago

4. Pro Dan Edwards

   Awesome man!

   1likes

   12 months ago

5. Pro Joshua Hibbert

   Cheers, Dan!

   12 months ago

6. Vincent Milliken

   This is well nice man, great work.

   1likes

   12 months ago

7. Pro Joshua Hibbert

   Thank you, Vincent :)

   12 months ago

8. Adrien Rochet

   Only CSS3 ? No images ?

   1likes

   12 months ago

9. Pro Glenn Hitchcock

   Good stuff.

   1likes

   12 months ago

10. Pro Joshua Hibbert

    @Adrien Rochet No images at all!

    @Glenn Hitchcock Cheers mate :)

    12 months ago

11. Adrien Rochet

    @Joshua Hibbert So.. it's AWESOME.

    1likes

    12 months ago

12. Pro Joshua Hibbert

    @Adrien Rochet I'd like to think so!

    12 months ago

13. Pro Virgil Pana

    I love the depth of this. very inspiring.

    1likes

    12 months ago

14. Pro Joshua Hibbert

    Thanks, Virgil!

    12 months ago

15. Todd Coleman

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

    1likes

    12 months ago

16. Pro Joshua Hibbert

    Thanks, Todd, I just like to experiment :)

    12 months ago

17. Louis Bullock

    Nailed it.

    1likes

    12 months 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). :)

    12 months 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
    • 376

    12 months ago

20. Pro Joshua Hibbert

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

    12 months ago

21. Pro Sergiu Radu

    Nice work! I love it!

    1likes

    12 months ago

22. Pro Joshua Hibbert

    Cheers, Radu :)

    12 months ago

23. Pro Thorsten Beeck

    Awesome stuff Josh! Thumbs up!

    1likes

    12 months ago

24. Pro Joshua Hibbert

    Thanks, Thor.

    12 months ago

25. Ari

    Dude, you're amazing.

    1likes

    12 months ago