Welcome to the "button-will-react" project, a harmless prank meant for fun and entertainment!
This project features a button that playfully moves away from your cursor when you hover over it, or do something that you didn't expect. It's a lighthearted experiment to showcase a interactive element using HTML, CSS, and JavaScript.
1. Sign-in button
- a untouchable sign-in button, even enter not gonna work , it will throw an alert.
Live preview - Hit here!
2. Propose
- a untouchable no button, your partner have to choose yes.
- read README.txt from 2-propose folder for more details and improve it.
Live preview - Hit here!
3. Valentine
- a fun way to propose your partner on valentine.
Live preview - Hit here!
4. get_partner
- enter your preference and get partner (me).
Live preview - Hit here!
5. love_on_hover
- Contributed project by Tahsin Zidane
- hover me and get love ❤️
Live preview - Hit here!
6. boom_btn
- click the button and BOOM!
Live preview - Hit here!
7. love_on_hover_v2
- Contributed project by Tahsin Zidane
- hover me and get love v2 ❤️
Live preview - Hit here!
8. starboy69
- internet meme _ starboy69 login project.
Live preview - Hit here!
You can also use funny moving effect to your any custom button, Just follow few steps below -
<script src="https://cdn.jsdelivr.net/gh/iamovi/button-will-react@cdn/dist/min/v1.0.0/move.min.js"></script>
- add this cdn to your project file.
And -
<button class="button_will_react">Click Me!</button>
- just add class
button_will_react
to your button.
That's it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- button-will-react-->
<button class="button_will_react">Click Me!</button>
<!-- button-will-react CDN -->
<script src="https://cdn.jsdelivr.net/gh/iamovi/button-will-react@cdn/dist/min/v1.0.0/move.min.js"></script>
</body>
</html>
- now your button will move away from your cursor!
This project is entirely safe and contains no malicious content. It's designed for educational and entertainment purposes only. You can explore the code and use it to learn about web development techniques.
Contributions to this project are welcome! If you have ideas for improvements or fun additions, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License. You are free to use and modify the code for your own projects, with proper attribution.
Enjoy the prank and have some fun with the Project! If you encounter any issues or have questions, please feel free to reach out 💖.