CSS Art Challenge: Cookie

This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.

Inspiration

Cookie Crumb, I ended up breaking my cookie, and I took that as inspiration to create these cookies. Even though they're not perfect, I did try my best.

Demo

Source Code

Journey

So, I've always wanted to create something like a cracking animation. I did my best to implement it into these cookies by using a clip path to determine which part of an element should be displayed.

I love cookies

---

Reference Website

• Clip Path
• Clip Path Generator
• Clip Animation

Comments

[Christine Belzie]

Looks delicious @jeffersonrj14! :) My only gripe is that Cookie Monster from Sesame Street does not appear and eat the cookie lol 😆

[RJ Jefferson]

Thank you so much! I must admit, I did put some thought into inviting Cookie Monster over for a bite. Maybe that could be my next challenge. 😄