DEV Community

Cover image for Spooky CSS 3D Halloween: Enter If You Dare!
Minal Prasad
Minal Prasad

Posted on

Spooky CSS 3D Halloween: Enter If You Dare!

Frontend Challenge CSS Art Submission 🦇🎃

🎃 Inspiration

Halloween’s eerie and magical vibe inspired this project — glowing jack-o’-lanterns, haunted houses, flying bats, and a luminous moon. My goal was to create an interactive 3D Halloween scene using only CSS, where users feel like they’ve stepped into a spooky, haunted pumpkin realm.

💻 Demo 3D Haunted Pumpkin Realm
Experience the project live:
https://codepen.io/Minal-Prasad/pen/MYKNGLG
https://github.com/minalprasad08/halloween-css-art-3d

🛠 Journey
This project challenged me to combine CSS 3D transforms, gradients, shadows, and animations to bring the scene to life. The pumpkin, haunted house, and flying bats are fully built with CSS, and a small JavaScript snippet adds parallax interactivity.

I’m particularly proud of how CSS alone creates a glowing, immersive Halloween atmosphere.
Team: Solo project by Minal Prasad

Top comments (0)