This is a plugin for jQuery which animates a colored optical flare to slide across elements.
The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event triggering the animation. The animation is performed by sliding across an element’s top-left corner to the top-right corner.
Features:
- Cool movie-style effect also used in games such as Sleeping Dogs.
- Works in Chrome, Firefox, and Safari, and IE 10 including mobile.
- Uses modern CSS techniques.
- Customizable glow color, speed, glow radius, and trigger event.
- First Optical flare effect without use of images.
Download: https://github.com/rutkat/flare
Demonstration: https://runastartup.com/flare-jquery-plugin/
Plugin homepage: https://runastartup.com/flare-jquery-plugin/
Implementation:
Options:
| target | String | Default : div#id – Optional parameter for the target location of the flare |
Screenshots:
