This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.
Inspiration
A donut. Or is it doughnut?
René Magritte’s The Treachery of Images.
Demo
Journey
I overcomplicated everything a little bit (or a lot). Initially, I wanted to get a “realistic-looking” donut, then something that looked like a painting of a donut, and finally, just something that was reminiscent of a donut.
I used masks (so the shape was not fully rounded, and nothing got out of the main container), filters (to create blurry effects), and box shadows and radial gradients (to generate shadows and lights.)
