user profile image

CSS Only Animated horse of course.

Click / touch the horse to slow things down.

A lot of help from this video https://www.youtube.com/watch?v=oxjt_xyjkrU

Comments

  1. This is amazing!!

  2. Impressive CSS - wonderful work! :D

  3. VERY Nice!! Can you make him look like my horse???? LOL

  4. Love it!

  5. This is insanely cool. Some clean use of CSS custom properties in here too :)

  6. I want to know how long this actually took you...

  7. This is truly a unbelievable masterpiece of CSS Art!!!! No words for it... GREAT!!

  8. Comment in js pane is true ;)

  9. Super amazing. I have horses and the movement is really good. I would like to see you add a flowing mane, if possible. Not just for the beauty; although, I would love it, but as a web developer I'd like to see it. Thanks for this.

  10. Awesome work, you rock!

  11. I usually don't comment, but this is too good to not to. Outstanding CSS art to say the least.

  12. Codepen's Michelangelo.

  13. Pretty good. I mean, would it have killed you to have a rodeo clown riding it doing lariat tricks?

    But seriously, amazing work. Also love that wrapping the whole thing in a label for the toggle. Genius :)

  14. That is seriously impressive. Taking css to it's limits. And, of course, works for people who have disabled javascript. :-)

  15. I'll go ahead and start the slow claps, cause damn that's awesome. And all with CSS. Congratulations on your achievement.

  16. You are amazing

  17. Fancy! You could use custom element for the HTML too! etc. and if you want to get even nerdier (if that's possible) -> https://www.dummies.com/pets/horses/identifying-horse-parts-and-markings/

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...