JSFiddle - React, Tailwind, and code Playground

by rwhal06

HTML

<div>
Heart
</div>

SCSS

//https://stackoverflow.com/a/34762127/470749
@keyframes heartbeat
{
  0%
  {
    transform: scale( .95 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .95 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .95 );
  }
  100%
  {
    transform: scale( .95 );
  }
}

div
{
  color: white;
  background-color: red;
  width: 50px;
  height: 50px;
  padding: 5px;
  animation: heartbeat 1s infinite;
}