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.

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay