DEV Community

Cover image for 🎄CSS Art: December Challange - Christmas In Malaysia ✨
Ravin Rau
Ravin Rau

Posted on

24 10 10 9 10

🎄CSS Art: December Challange - Christmas In Malaysia ✨

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

Inspiration

I’m from Malaysia, a tropical country where we celebrate Christmas as a festive holiday. The malls here are beautifully decorated, making it a magical time to enjoy the season. While we don’t have snow, every year there’s a fun celebration at the KL Twin Towers where fake snow is dropped from the top—it's such a cool sight! You can check it out here. Inspired by this, I imagine how amazing it would be to have the KL Twin Towers inside a snow globe!

And below is the result of the imagination.


Demo


Journey

So, I got the idea to create a snow globe using HTML Pug and Scss. I started by checking out what others had done with snow globes online. That’s when I found this cool codepen here. I was inspired by it and started working on my own project. It was really exciting when I finally reached the final result and could see the iconic KL Twin Tower in the snow globe. It took me about 8 hours to work on it, and I’m pretty happy with how it turned out. I’d love to spend more time on this challenge and try to make it even better by adding more details like Christmas lights.

Thanks for reading this and for those celebrating Merry Christmas and a Happy New Year.

DEV Challenges are live now!

DEV Challenges Hub

Check out all the ways to participate, certify your skills, and win prizes.

Visit the Challenges Hub

Top comments (16)

Collapse
 
elpidaguy profile image
Kaustubh Joshi

Great Work!

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @elpidaguy 😁

Collapse
 
divya4879 profile image
Div_dev

This CSS Art is awesome, and it's so creative as well.

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @divya4879 😄

Collapse
 
best_codes profile image
Best Codes

Super cool!

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @best_codes 😄

Collapse
 
jlrxt profile image
Jose Luis Ramos T.

Feliz navidad hombre de Malacia.

Collapse
 
juniourrau profile image
Ravin Rau

Feliz Navidad! Espero que estés pasando unas fiestas llenas de alegría y buena compañía. 🎄✨

Collapse
 
devmercy profile image
Mercy

Wow, this is hilarious

Merry Christmas 🎄 🎅🏻

Collapse
 
juniourrau profile image
Ravin Rau

Thank you @devmercy and Merry Christmas to you too.

Collapse
 
thetiss profile image
thetiss

fabulous!!!

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @thetiss

Collapse
 
govindvyas profile image
Govind Vyas

Aha! Impressive creativity :)

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @govindvyas 🤩

Collapse
 
janumala_akhilendra profile image
Janumala Akhilendra

awesome work ☃️

Collapse
 
juniourrau profile image
Ravin Rau

Thank you very much @janumala_akhilendra 😁

Heroku

This site is powered by Heroku

Heroku was created by developers, for developers. Get started today and find out why Heroku has been the platform of choice for brands like DEV for over a decade.

Sign Up

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay