.ripple{overflow:hidden;position:relative}.ripple:after{background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .2s,opacity 1s;width:100%}.ripple:active:after{opacity:.2;transform:scale(0);transition:0s}