CSS animation of a heart

heart-animation.css

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    15% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    30% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    45% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes animateHeart {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    15% {
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    30% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    45% {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}