JSFiddle - React, Tailwind, and code Playground

by weijarz

HTML

<div>
Heart
</div>

CSS

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

div
{
   width: 20px;
  height: 20px;
  animation: heartbeat 1s infinite;
}