Pure CSS Animated Slide Toggle

58 Responses (page 1 of 3)

  1. Joshua Hibbert 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 Adam Whitcroft

    That is god damn impressive Josh. Srsly.

    likes

    about 1 year ago

  3. Joshua Hibbert Joshua Hibbert

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

    likes

    about 1 year ago

  4. Dan Edwards Dan Edwards

    Awesome man!

    likes

    about 1 year ago

  5. Joshua Hibbert Joshua Hibbert

    Cheers, Dan!

    about 1 year ago

  6. Vincent Milliken Vincent Milliken

    This is well nice man, great work.

    likes

    about 1 year ago

  7. Joshua Hibbert Joshua Hibbert

    Thank you, Vincent :)

    about 1 year ago

  8. Adrien Rochet Adrien Rochet

    Only CSS3 ? No images ?

    likes

    about 1 year ago

  9. Glenn Hitchcock Glenn Hitchcock

    Good stuff.

    likes

    about 1 year ago

  10. Joshua Hibbert Joshua Hibbert

    @Adrien Rochet No images at all!

    @Glenn Hitchcock Cheers mate :)

    about 1 year ago

  11. Adrien Rochet Adrien Rochet

    @Joshua Hibbert So.. it's AWESOME.

    likes

    about 1 year ago

  12. Joshua Hibbert Joshua Hibbert

    @Adrien Rochet I'd like to think so!

    about 1 year ago

  13. Virgil Pana Virgil Pana

    I love the depth of this. very inspiring.

    likes

    about 1 year ago

  14. Joshua Hibbert Joshua Hibbert

    Thanks, Virgil!

    about 1 year ago

  15. Todd Coleman Todd Coleman

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

    likes

    about 1 year ago

  16. Joshua Hibbert Joshua Hibbert

    Thanks, Todd, I just like to experiment :)

    about 1 year ago

  17. Louis Bullock Louis Bullock

    Nailed it.

    likes

    about 1 year ago

  18. Louis Bullock 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. about 1 year ago

  20. Joshua Hibbert 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 Sergiu Radu

    Nice work! I love it!

    likes

    about 1 year ago

  22. Joshua Hibbert Joshua Hibbert

    Cheers, Radu :)

    about 1 year ago

  23. Thorsten Beeck Thorsten Beeck

    Awesome stuff Josh! Thumbs up!

    likes

    about 1 year ago

  24. Joshua Hibbert Joshua Hibbert

    Thanks, Thor.

    about 1 year ago

  25. Ari Ari

    Dude, you're amazing.

    likes

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like