Efeito no clique do botão (Efeito Android Lollipop)

Efeito no clique do botão

function efeito(t, e) {

    var a = '.efeito', 
        c = '<span class="efeito"></span>';

    t.append(c);

    $(a).css({'top': e.offsetY, 'left': e.offsetX});

    setTimeout(function () {

        $(a).remove();
    }, 1100);
}

@keyframes cliqueEfeito {
    from {
        opacity: 0.7;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}

@-webkit-keyframes cliqueEfeito {
    from {
        opacity: 0.7;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}
.btn {
    position:relative
}
.efeito {
    margin: -100px;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    transform: scale(0);
    pointer-events: none;
    animation: cliqueEfeito 1s ease;
    -webkit-animation: cliqueEfeito 1s ease;
}