Japanese Ramen - PURE CSS ART

safikumar00

Sunil kumar

Posted on March 23, 2024

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!
💖 💪 🙅 🚩
safikumar00
Sunil kumar

Posted on March 23, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Space Art Challenge - CSS Art
frontendchallenge Space Art Challenge - CSS Art

September 15, 2024

CSS Art: Space - Solar System Exploration
frontendchallenge CSS Art: Space - Solar System Exploration

September 16, 2024

CSS Art: Space - UFO animation
frontendchallenge CSS Art: Space - UFO animation

September 16, 2024

Sunrise in Space (Quiet)
frontendchallenge Sunrise in Space (Quiet)

September 8, 2024

Frontend Challenge: Space Trucking.
frontendchallenge Frontend Challenge: Space Trucking.

September 13, 2024