Slide Down Card

Slide Down Card is a small front-end animation project built with pure HTML and CSS.
It shows a card with a winter scene and a fire scene. When you hover the card, both layers slide up to reveal the transition effect.

Features

• Hover-based slide animation
• Two visual themes (winter and fire)
• Animated decorative castle icons
• Custom cursor icons for body and image layers
• No JavaScript, no dependencies

Project Structure

• index.html – main page markup
• css/reset.css – reset styles
• css/style.css – layout, hover animation, keyframes
• css/import.css – CSS imports
• img/ – background images
• icon/ – UI and cursor icons

Getting Started

1. Clone or download this repository.
2. Open index.html in your browser.

You can also run it with a local static server if you prefer.

Customization

• Replace images in img/ to change the card themes.
• Update icon files in icon/ to change cursors and decorations.
• Edit animation timing and movement values in css/style.css.

License

This project is licensed under the MIT License. See the LICENSE file for details.