DEV Community

Cover image for Jelly Bean CSS Art
Ethern Myth
Ethern Myth

Posted on

4 3 2 3 2

Jelly Bean CSS Art

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

Inspiration

Today I am highlighting a Jelly bean CSS art

Demo

Visit the live website here and code available here

Journey

I began with a plain html and css canvas, then added styling to resemble a jelly bean. At first it look like a red ball, then added some gloss and shine to enhance the UI. It was fun to create a simple yet presentable css art after a while just doing basic HTML and CSS.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay