DEV Community

Cover image for Winter Themed Greeting- CSS Version β„οΈβ˜ƒοΈπŸ™‹πŸ»β€β™€οΈ
Divya4879
Divya4879

Posted on

Winter Themed Greeting- CSS Version β„οΈβ˜ƒοΈπŸ™‹πŸ»β€β™€οΈ

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

Inspiration πŸ™‹πŸ»β€β™€οΈβ˜ƒοΈ

It's just about me greeting you all to welcome the highlight of this month(Christmas), with my snowy friend β˜ƒοΈ. It's not a super extensive project, but it's me, properly welcoming you.

Demo

Here's the live link of this project:- https://divya4879.github.io/greeting-css-art

You can play around with my code here:-

A little preview:-

screenshot of my website-a preview

My Github repo link:-
https://github.com/Divya4879/greeting-css-art

Journey β„οΈβ˜ƒοΈ

Tbh, I've always liked CSS, and have wanted to create something out of it. And I've been following dev.to for a long time, and have always wanted to participate in these challenges. It was a last-moment challenge for me to fulfill these 2 wishes of mine(end of yr, yk 😁), and simultaneously at that. Also, I wanted to welcome you all to Christmas, wave a hello or perhaps a goodbye(who knows!πŸ˜…)

Hence why, I did this challenge. My learning curve wasn't high for this one, but it was solid practice of mainly positions(absolute, relative, z-index,...), colors, and animations. Also, this one felt like a technical art project- we can set the criteria, but we still keep iterating it until we're reasonably satistied with it.

I like the girl's eyes, and the snowman the most in this project. Now that I think about it, the snowman looks cuter than the girlπŸ₯ΉπŸ₯Ή

So, that's it! If you're still here, Thank you for bearing with me so far πŸ™πŸ».
Please share your thoughts, feedback, suggestions in the comment section below πŸ—¨οΈ

Wishing you an awesome Christmas eve πŸŽ„β˜ƒοΈπŸ™‹πŸ»β€β™€οΈ

"May your dreams come true and your heart lights up like the Christmas tree. Have a fun-filled day."

a gif greeting everyone Merry Christmas

Top comments (0)