css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Work in progress for Rodeo-010. Inspiration for this concept is the "doodling" phase one might go through while trying to think what to write about the summer. The concept also played well into an opportunity to play around with CSS animations and SVG--something I haven't had much opportunity to try until recently. Finally, any reason to sketch with a Sharpie is a good one. All the graphics where hand doodled and scanned, then modified and cleaned up on the computer.

This Pen is a fork of Chris Coyier 's Pen fHgLz.


  1. Vote from me for unique quality

  2. Love it! Can't wait to see the finished thing :D

  3. I think you may have bested me as far as going overboard on this project. Looking forward to seeing the animated bus and slide!

  4. Thanks! @AmeliaBR I think this did start getting out of hand :). I loved your entry--it rules! ;)

  5. Wow! Ambitious =)

  6. @chriscoyier Thanks! Final stretch, hope I can finish it. This has been a fun project to stretch the CSS muscles. Definitely learned a lot--which I guess is all part of the point of the rodeo. So win all around :)

  7. @littleberry this pen is awesome! Great doodles :) I noticed on line 338 of your CSS there is a typo. It should be width but you have widht.

  8. Thanks @hellomichaellee! And thanks for letting me know about the typo. It's fixed now. Cheers!

  9. Yeah no worries @littleberry! Cheers :)

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

You must be logged in to comment.