DEV Community

Cover image for Winter Routine- CSS Glamup👩🏻‍🎨🎨
Divya4879
Divya4879

Posted on

Winter Routine- CSS Glamup👩🏻‍🎨🎨

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

Inspiration 🎄🎅🏻☕💻

I have shared 2 of the things(or perhaps 3) I do and which I love to do in this season, especially December. Firstly, I created a Christmas tree using CSS with the gifts🎁🎁(the main part!), and then a girl on a laptop with a cup of black coffee☕.

Demo

Live Link - https://divya4879.github.io/CSS-Art
Github Repo Link - https://github.com/Divya4879/CSS-Art.git
Code Link - https://replit.com/@DivyaSingh31/Winter-Routine-CSS-Glamup

A preview of the images I created:-

Christmas Tree Image-welcome page

A little animation of me working on my laptop and having black coffee on my desk

Journey 🛣️

This project was really fun. I wanted to create something incorporated in my daily life, and I did it- Christmas eve, the laptop work(I'm a developer), and my coffee(crucial!).

The learning curve for this project wasn't very high for me, though it was a lesson of patience, lots and lots of practice & iterations for positioning, some of animations, and just trying things out until I was reasonably satisfied.

I like the Christmas tree layers, the sparkling star on top, the flickering decorations on the tree, and the steam coming out of my coffee cup. These are the things I like the most about this project of mine.

Also, if you've read so far, thank you. Please share your feedback, thoughts in the comment section below.

Wishing you an awesome day, and 🙋🏻‍♀️🙋🏻‍♀️

christmas tree art- welcome page

a cute gif of a white teddy waving bye bye

Top comments (0)