DEV Community

Cover image for Creepy Helloween Party Invitation card - Helloween Css Art
Ash
Ash

Posted on

Creepy Helloween Party Invitation card - Helloween Css Art

Frontend Challenge CSS Art Submission 🦇🎃

This is a submission for Frontend Challenge - Halloween Edition, CSS Art

**

What I Built

**

A creative, well-designed helloween theme css art," An Creepy Helloween Party Invitation Card". This project is built with pure css. The project showcase vibrant helloween colors, interactive hover effect, smooth transitions & animation, cool border radius art, and responsiveness for various devices.

**

Demo

**
https://codepen.io/Asifa-Azad/pen/pvgaxXW

🌟 Features

• Helloween Colors - Helloween theme colors ( scary blackish blue for background ),( creepy zombie green color for card ),( bloody red color for fonts ).

• Creepy Fonts - Use of spooky, creepy Helloween theme fonts.
i. Nosifer for heading - Gives scary, blood dripping effect.
ii. Metal Mania for paragraphs - Gives chills, medival magic book effects.

• Scary Faced Art - Scary fearful face made using css border and border radius properties.

• Open Book Card Effect And Smooth Transform Style - Smooth Card opening, and 3D transform rotation on hover.

• Magic Glow Animation - Magical glowing animation around the card for giving helloween magic vibes.

• Text Glowing - Bloody red text glows when the card is opened.

• Responsiveness - Fits prefect according to the size of different devices with the of css media query, making fear accessible to all.

Top comments (0)