CodePen - A Pen by Alex Rutherford






<script>
window.console = window.console || function(t) {};
</script>







Button






<script></script>

<script></script>

<script>
$('div').click(function (e) {
$('.ripple').remove();
var posX = $(this).offset().left, posY = $(this).offset().top, buttonWidth = $(this).width(), buttonHeight = $(this).height();
$(this).prepend('');
if (buttonWidth >= buttonHeight) {
buttonHeight = buttonWidth;
} else {
buttonWidth = buttonHeight;
}
var x = e.pageX - posX - buttonWidth / 2;
var y = e.pageY - posY - buttonHeight / 2;
$('.ripple').css({
width: buttonWidth,
height: buttonHeight,
top: y + 'px',
left: x + 'px'
}).addClass('rippleEffect');
});
//# sourceURL=pen.js
</script>


<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>