JSFiddle - React, Tailwind, and code Playground

by Albin Larsson

HTML

<img alt="A nice looking logo that can take you here." src="http://abbe98.github.io/assets/default.png"></img>

CSS

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(0.9);
  }
}

img {
  transform: translateZ(0);
}
img:hover {
  animation-name: pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}