Skip to content

Latest commit

 

History

History
57 lines (32 loc) · 2.05 KB

README.md

File metadata and controls

57 lines (32 loc) · 2.05 KB
Raw

Animated Eyes

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.

image

Features

  • 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.

Getting Started

Either Use it in your computer or Visit the Website

  1. Clone the repository:

    git clone https://github.com/dxdelvin/Animated_Eyes_Design.git

  2. Open the index.html file in your web browser.

  3. Click the "Click Me" button to experience the dynamic eye movement and color changes.

Usage

  • 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.

Customization

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.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Author

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

  • 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!