Ripples with a mount of customizable parametres
Hi. I've created a short implementation, made on a pure JS, with no need to load external scripts. I've made a simple example to show how script works. The animation is quite lite so the slow PC's would not lag. This script could be configured. For example you can variate a maximum frequency of appearing this ripples, Speed of it's growing, maximum size of that bubbles. starting color and opacity, and so on. In this example i've made the option - ripples appears only when user moves cursor over some element (blue first screen, for example). But of cource it could react on each cursor moves anywere on the page. Here are some animations https://drive.google.com/open?id=1gta1U54wYFv6toTAtMjIaa3TtgwK7KU0 Also i think it could looks some better in the cases user don't move the mouse, if it would have it's own stable minimum frequency. https://drive.google.com/open?id=1h2j3PqQettcqqH2GYLZJ2E3NmuXkC-WT Tell me if i missed something and we'll discuss the modifications.