.ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: yellow/*rgba(255, 255, 255, .8)*/;
    transform: scale(0);
    position: absolute;
    opacity: 1;
}
.rippleEffect {
    animation: rippleDrop .25s linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}