Picnic Website Code Tutorials

jQuery Heart Beat Tutorial

3/29/2013

View Demo

jQuery how to make a rhythmic heart beat effect.

jQuery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		

jQuery Plugin

$(function animateHeart() {
    $('.heart span').animate({
        fontSize: $('.heart span').css('fontSize') == '75px' ? '50px' : '75px'
    }, 500, animateHeart);
});
		

Sponsors

Top Donators

Friends of Mine