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

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (2)

Collapse
 
govindvyas profile image
Govind Vyas

Loved this :-)

Collapse
 
della_dominic profile image
Della Dominic

This is beautiful!

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more