49 lines
No EOL
1.5 KiB
Markdown
49 lines
No EOL
1.5 KiB
Markdown
# Don't Click This 🚫
|
|
|
|
A fun and chaotic interactive website where each click progressively breaks the website further. This project demonstrates various CSS animations, JavaScript effects, and DOM manipulations in a playful way.
|
|
|
|
## Features 🌟
|
|
|
|
- Modern, clean design with glassmorphism effects
|
|
- Progressive chaos with each button click
|
|
- 15 different random effects including:
|
|
- Button shaking and movement
|
|
- Color inversions
|
|
- Container rotations
|
|
- Text transformations
|
|
- Spinning animations
|
|
- Rainbow effects
|
|
- Matrix-style digital rain
|
|
- Glitch effects
|
|
- Emoji rain
|
|
- Cursor trails
|
|
- Element explosions
|
|
- And more!
|
|
|
|
## How to Use 🎮
|
|
|
|
1. Clone or download this repository
|
|
2. Open `index.html` in your web browser
|
|
3. Click the "Don't Click Me!" button
|
|
4. Watch as the website progressively becomes more chaotic with each click!
|
|
|
|
## Effects Progression 📈
|
|
|
|
- After 5 clicks: The button starts moving to random positions
|
|
- After 10 clicks: The button becomes temporarily unclickable
|
|
- Each click: The button grows larger and changes color
|
|
- Random effects stack on top of each other
|
|
|
|
## Technologies Used 💻
|
|
|
|
- HTML5
|
|
- CSS3 (with modern features like glassmorphism and animations)
|
|
- Vanilla JavaScript (ES6+)
|
|
|
|
## Warning ⚠️
|
|
|
|
This website is intentionally designed to become progressively more chaotic and harder to use. Each click will make the website more broken and challenging to interact with. Use at your own risk!
|
|
|
|
## License 📝
|
|
|
|
Feel free to use, modify, and distribute this project as you wish. Have fun breaking things! 🎉 |