kodları şurdan buldum: https://codepen.io/Craigtut/pen/dIfzv
<script>
(function (window, $) {
$(function() {
$('.ripple').on('click', function (event) {
event.preventDefault();
</script>
<script>
var $div = $(''),
btnOffset = $(this).offset(),
xPos = event.pageX - btnOffset.left,
yPos = event.pageY - btnOffset.top;
$div.addClass('ripple-effect');
var $ripple = $(".ripple-effect");
$ripple.css("height", $(this).height());
$ripple.css("width", $(this).height());
$div
.css({
top: yPos - ($ripple.height()/2),
left: xPos - ($ripple.width()/2),
background: $(this).data("ripple-color")
})
.appendTo($(this));
window.setTimeout(function(){
$div.remove();
}, 2000);
});
});
})(window, jQuery);
</script>