https://github.com/faridvatani/traceable-mousemove-trail-animation

The Traceable mouse move Trail Animation with HTML, CSS, JS.
https://github.com/faridvatani/traceable-mousemove-trail-animation

animation css html javascript js lenis scrolling trail

Last synced: 9 days ago
JSON representation

The Traceable mouse move Trail Animation with HTML, CSS, JS.

• Host: GitHub
• URL: https://github.com/faridvatani/traceable-mousemove-trail-animation
• Owner: faridvatani
• License: mit
• Created: 2024-06-27T16:39:10.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-27T21:21:23.000Z (5 months ago)
• Last Synced: 2024-06-28T23:18:20.808Z (5 months ago)
• Topics: animation, css, html, javascript, js, lenis, scrolling, trail
• Language: HTML
• Homepage: https://faridvatani.github.io/traceable-mousemove-trail-animation/
• Size: 1.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Traceable Mousemove Trail Animation




The Traceable Mousemove Trail Animation project enhances webpages with a dynamic visual trail that tracks mouse movements, using JavaScript for smooth scrolling, canvas drawing, and responsive adjustments to scrolling and resizing, offering an interactive visual effect for web developers.

## Getting Started

To use this project in your own work, follow these steps:

1. Clone the repository to your local machine.

2. Open `index.html` in your browser to view the project.

3. Customize the HTML, CSS, and JavaScript files as needed.

## Author

- [Farid Vatani - Software Engineer](https://github.com/faridvatani)

## Contributing

Contributions are welcome. Please feel free to fork this repository and open a pull request to add more features, fix bugs, improve documentation etc.

## Acknowledgements

This project was inspired by the "Awwwards Element" from [Villainy](https://villainy.uk/).

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.