This project creates a fun and interactive animation featuring a pair of eyes that follow the movement of the mouse cursor. Additionally, there is a button that changes the background color and the eye colors when clicked, adding an extra element of interactivity.
-
Dynamic Eye Movement: The eyes smoothly follow the movement of the mouse cursor, creating a playful and engaging visual effect.
-
Background Color Change: Clicking the "Click Me" button changes the background color of the page, providing a dynamic and vibrant user experience.
-
Eye Color Change: Along with the background color, the eye colors change randomly when the button is clicked, enhancing the overall visual appeal.
Either Use it in your computer or Visit the Website
-
Clone the repository:
git clone https://github.com/dxdelvin/Animated_Eyes_Design.git
-
Open the
index.html
file in your web browser. -
Click the "Click Me" button to experience the dynamic eye movement and color changes.
-
Move your mouse cursor around the screen to observe the eyes following its movement.
-
Click the "Click Me" button to see the background color and eye colors change randomly.
Feel free to customize the project to suit your preferences. You can modify the styles in the style.css
file or add additional functionality to further enhance the interactive experience.
- HTML
- CSS
- JavaScript
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Inspired by creative and interactive web design projects.
- Special thanks to the open-source community for valuable resources.
Enjoy the playful animation and feel free to contribute to make this project even more entertaining!