https://github.com/mirayatech/halloween-cat-ghost

🐈‍⬛ An animated Halloween scene featuring a cat watching a playful ghost through a window.
https://github.com/mirayatech/halloween-cat-ghost

animation cat css ghost halloween html

Last synced: 18 days ago
JSON representation

🐈‍⬛ An animated Halloween scene featuring a cat watching a playful ghost through a window.

• Host: GitHub
• URL: https://github.com/mirayatech/halloween-cat-ghost
• Owner: mirayatech
• Created: 2024-10-31T14:27:51.000Z (19 days ago)
• Default Branch: main
• Last Pushed: 2024-10-31T16:14:43.000Z (19 days ago)
• Last Synced: 2024-10-31T17:21:22.753Z (19 days ago)
• Topics: animation, cat, css, ghost, halloween, html
• Language: CSS
• Homepage: https://halloween-cat-ghost.vercel.app
• Size: 4.88 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎃 Halloween Cat & Ghost Animation 👻

 

## Features

- 🎨 Built with pure HTML and CSS 

- 🐱 Animated cat with realistic movement (ears, tail, and body animations)

- 👻 Floating ghost character with smooth movement patterns

- 🌙 Atmospheric night scene with:

  - 🌕 Glowing moon with craters

  - ⭐ Twinkling stars

  - 🪟 Window reflections

- 📱 Fully responsive design that adapts to different screen sizes

- 🚀 No JavaScript required - all animations are CSS-based

- 💜 Purple color scheme with dynamic shadows and highlights

## CSS Animations Include

- 👻 Floating ghost movement

- 🐱 Cat tail swishing

- 🐾 Cat ear movements

- ✨ Star twinkling effects

- 🌊 Ghost bottom wave effect

 

https://github.com/user-attachments/assets/f572de7d-1a9b-4400-a213-07549869bfec

If you want to learn to build stuff like this, get my [CSS animation book here](https://www.mirayatechstore.com/l/css-animations?layout=profile) 📘