JSFiddle - React, Tailwind, and code Playground

by Jake Cattrall

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<script src="https://rawgit.com/jQueryKeyframes/jQuery.Keyframes/master/jquery.keyframes.min.js"></script>
<i class="fa fa-heart pink">&nbsp;</i>

SCSS

.fa-heart.pink{
    .transform-origin:0.5em 0.5em;
    color: #EC9CF5;
    .animation: heart 3000ms linear 0ms infinite normal forwards;
}
@-webkit-keyframes heart {
    from{
     .transform: rotateY(0deg);   
    },
    to{
     .transform: rotateY(359deg);   
    }
}