JSFiddle - React, Tailwind, and code Playground

by uedatakuya

HTML

<div class="red bound">
</div>

CSS

@-webkit-keyframes bound{
  0% {
    -webkit-transform: scale(1.2);
  }
 
  50% {
    -webkit-transform: scale(0.9);
  }
 
  75% {
    -webkit-transform: scale(1.1);
  }
 
  100% {
    -webkit-transform: scale(1);
  }
}

.bound {
  -webkit-animation-name: bound;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
}

.red {
    background-color: red;
    width:100px;
    height:100px;
}