This is a submission for Frontend Challenge - Halloween Edition, CSS Art.
Inspiration
I was inspired by classic haunted house scenes from Halloween movies and stories. My CSS art features a spooky haunted house, glowing moon, flickering windows, bats, ghosts, zombies, pumpkins, and interactive elements like thunder, fog, and falling leaves—all designed to evoke the playful yet eerie spirit of Halloween night.
Demo
You can view the live demo here:
Halloween Haunted House Demo
Journey
This project was a fun exploration of CSS art and interactive frontend features. I learned how to combine CSS animations with JavaScript to create dynamic effects, such as flickering lights, moving zombies, and sound triggers for thunder, witch cackles, and more.
I’m proud of the way the scene comes alive with user interaction—hovering, clicking, and toggling music and themes. Next, I’d like to add more accessibility features and polish the mobile responsiveness.
If you’d like to use or remix this, feel free—credit me!
Top comments (2)
Impressive
Thanks