Very simple Javascript based android ripple effect for web.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./ripplejs.css">
</head>
<script src="./ripple.js"></script>
<div class="ripple"></div>
var element = document.querySelector(".ripple")
addRipple(element)
addRipple(element, rippleGrowMax = "100%", rippleOpacity = "0.3")
element
: (Requied) parent element for ripple domain
rippleGrowMax
: (Optional Default: 100%) Maximum allowed size for ripple effect in % or any other css units
rippleOpacity
: (Optional Default: 0.3) Maximum allowed opacity for ripple effect in range of 0 to 1