JSFiddle - React, Tailwind, and code Playground

by zicai

HTML

<img  src="http://lorempixel.com/20/20" alt="">

CSS

img{
    width: 20px;
    height: 20px;
}
@-webkit-keyframes bounce {
  0% { background: #c00; }
  50% { background: orange; }
  100% { background: yellowgreen; }
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
.bounce{-webkit-animation: 1s bounce;
    animation-name:bounce;
}