JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<div class="outbound">I <span>&hearts;</span> <b>YOU</b></div>

CSS

.outbound {
    transform: translate(0, -50%) width:415px;
    height:600px;
    background:#F6F6F6;
    display:block;
    font: 110px sans-serif;
    padding: 40px;
}
.outbound span {
    font: 120px sans-serif;
    color: red;
    text-shadow: 0 2px 1px darkred;
    text-decoration:none;
}

JavaScript 1.7

(function pulse() {
    $('div.outbound span').animate({
        'font-size': '+=10'
    }, 600).animate({
        'font-size': '-=10'
    }, 300, pulse);
})();