Skip to content

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.

Notifications You must be signed in to change notification settings

dxdelvin/Animated_Eyes_Design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages