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

Made in webflow.com

Tempt Homer Simpson with a doughnut.

Took about 30 minutes and Built Homer Simpson with a few div blocks, css and then added some mouse movement interactions.


  1. How does one develop such css wizardry? Are there any resources you recommend?

  2. @Scotty813 I actually build all of my work in Webflow so I don't have to write the code, I just build it visually. We just launched Interactions 2.0 as well :)

    We provide all free resources to learn how to build beautiful, custom, responsive sites visually here at Webflow University :) Have fun and please feel free to reach out if you have any questions!

  3. So could you feed him with the donut?

  4. @Le_Boi_99999999 definitely thought about adding that effect in there but wasn't a big enough fan of the show to feed Homer the doughnut.

  5. @Waldo Broodryk Ammmmazing!!

  6. Awesome work. Webflow has been on my radar for most of this year. Looking forward to trying out the product.

  7. Thanks Waldo. I log into Codepen to work on my own FCC projects and spend 30 minutes playing with your Homer Simpson pen. Pretty sweet.

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

You must be logged in to comment.