https://github.com/dod-101/bubbles
A set of code snippets to easily allow for anyone to add a "bubble" effect following their cursor on their Website.
https://github.com/dod-101/bubbles
freetouse html-css-javascript snippets
Last synced: 2 months ago
JSON representation
A set of code snippets to easily allow for anyone to add a "bubble" effect following their cursor on their Website.
- Host: GitHub
- URL: https://github.com/dod-101/bubbles
- Owner: DOD-101
- License: mit
- Created: 2023-12-03T19:29:13.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-04T19:46:54.000Z (over 1 year ago)
- Last Synced: 2025-01-25T13:14:58.637Z (4 months ago)
- Topics: freetouse, html-css-javascript, snippets
- Language: JavaScript
- Homepage:
- Size: 25.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Bubbles
What is "Bubbles" ? 🛀
Bubbles is a collection of different code snippets, which allow anyone to quickly insert and
modify a bubble effect around the cursor on their website.
## Usage
To use any of these bubble Effects on your website simply link the js file to your HTML and copy the
css into your Stylesheet.
While credit is greatly appreciated it is by no means required.
## Different Versions
For more information see the [docs](docs/index.md)
- v1: Most Basic Version; not recommended for use
- v2: Iteration on v1; good for use if movement of Bubbles isn't wanted
- v3: Most recent Version
- v3_gs: Adds a gradient to the bubbles and makes them first turn white then
disappear
- v3 p; Best for most uses; has parameters at the top of the file to alow for easy customization
- round cursor; Simply a round cursor, not directly related to the other snippets
- canvas-round cursor; Highly discouraged from use, simply here as an idea for others to work off of
## Credits
Author & Copyright-holder : David Joseph Thievon
## License
This project is licensed under the MIT license, for more information see `LICENSE.txt`.