JSFiddle - React, Tailwind, and code Playground

HTML

<div id="heart"></div>

CSS

@-webkit-keyframes like_poof{
  0%{opacity:1;-webkit-transform:rotate(0deg)}
  25%{opacity:1;-webkit-transform:rotate(-20deg)}
  75%{-webkit-transform:rotate(20deg)}
  100%{margin-top:-80px;opacity:0;-webkit-transform:rotate(0deg)}
}

#heart {
  background: #e00;
  height: 30px;
  position: relative;
  top: 150px;
  width: 30px;
  -webkit-animation: like_poof 2s;
}