This repository contains a Simple HTML-CSS and Vanilla JavaScript project designed to recreate the visual effect described in the provided task. The project features a dynamic neon trail animation, where a series of colored trails follow mouse movements, creating visually appealing patterns. The colors of the trail change over time, adding a vibrant and dynamic quality to the animation.
The Trail Animation project uses basic web technologies to simulate an engaging visual effect directly in the browser. It's built using plain HTML, CSS, and JavaScript without the need for any external libraries, making it an excellent example of what can be achieved with vanilla web development techniques.
Below is an overview of the core file structure for the project and a description of each component:
-
index.html: This is the main HTML file for your project. It contains all the HTML necessary to structure your web page and includes references to external CSS and JavaScript files.
-
css/style.css: This CSS file contains all the styles for your project. It is responsible for the visual appearance of the webpage, ensuring that elements are properly styled and that the animation displays correctly.
-
js/script.js: Located in the
jsdirectory, this JavaScript file contains all the dynamic functionality of the project. It includes the logic to handle mouse movements, create the neon trail effect, and manage color updates.
To use or test this project, follow these simple steps:
- Clone the repository:
git clone https://github.com/hubdev04/zarvisgenixProject.git
- Visit following website zarvisgenixProject