DEV Community

Sunil kumar
Sunil kumar

Posted on • Updated on

Japanese Ramen - PURE CSS ART

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

Inspiration

My inspiration is the CSS art which make that to code a pure CSS, which I want do it, but I selected on my own to create this Ramen Art

Demo


https://codepen.io/safikumar00/pen/YzMVeOG

Journey

I Started of by creating the outer bowl and adjusting the inner ingredients, I take the reference shapes of egg and other pattern on sea-weed from the CSS Points, MDN sources, which helped me to gain knowledge on the border-radius to create our specific own shapes through CSS.

This is how I created my own pure CSS art,

  • Thank you!

Top comments (6)

Collapse
 
sarahokolo profile image
sahra 💫

You deserve your flowers🌼🌼🌼. It very awesome👏

Collapse
 
safikumar00 profile image
Sunil kumar

Thank you so much

Collapse
 
nelson1212 profile image
NELSON LÓPEZ

Wow. Great job. (y)

Collapse
 
safikumar00 profile image
Sunil kumar

Thank you, so much

Collapse
 
prashasthnair profile image
Prashasth Nair

It's cool

Collapse
 
safikumar00 profile image
Sunil kumar

Thanks bro

Some comments may only be visible to logged-in visitors. Sign in to view all comments.