DEV Community

Martina
Martina

Posted on

10 1 3 3 5

CSS Art: December

Christmas Glass Ball with Snow

This is a submission for Frontend Challenge - December Edition, CSS Art: December.

Inspiration

At Bulgaria we celebrate Christmas and December was always reminding me of the Hollydays. I've created a small Christmas glass ball with snowflakes when shaked.

Demo

Journey

I didn't like the snow flakes I've initially created and searched for CSS snowflakes on codepe.io, so get the idea from this Pen: https://codepen.io/FlyBirds-Box/pen/XWYGgGE
I really like how when using :before and :after on the snowflakes along with shadows the effect is near the look of a glass ball I was trying to represent.

I actually have one more Christmas Three project on Codepen, but it is a bit old. Anyway if you're curious - here it is too: https://codepen.io/Marticka/pen/ExaXjae

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (2)

Collapse
 
govindvyas profile image
Govind Vyas

Loved this :-)

Collapse
 
della_dominic profile image
Della Dominic

This is beautiful!

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

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

Okay