An interactive light ON/OFF web project created using HTML, CSS, and JavaScript.
This project features a cute cat animation where the cat becomes visible when the light is switched ON, and only the glowing eyes appear when the light is switched OFF.
- Interactive ON/OFF light controls 🔘
- Cat visibility effect 🐱
- Glowing eye effect in dark mode 👀
- Real-time DOM manipulation using JavaScript ⚡
- Responsive and attractive UI 🎨
- Smooth light transition effects 💡
- HTML5
- CSS3
- JavaScript
| cat-light/ |
|---|
| ├── index.html |
| ├── style.css |
| ├── script.js |
| └── images/ |
🌐 https://catlight66.ccbp.tech
Open - image.png
This project was developed to practice JavaScript event handling, DOM manipulation, CSS styling, and interactive frontend development concepts.
- Add sound effects 🔊
- Add animation for cat movement 🐾
- Add dark/light theme switching 🌙
- Improve mobile responsiveness 📱
Brindha sri🤍