Jelly

global.css
.jelly {
  animation: jelly 1s ease-out forwards;
}

@keyframes jelly {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  60% {
    transform: scale(1.15, 0.85);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
  85% {
    transform: scale(1.05, 0.95);
  }
  92% {
    transform: scale(1, 1.02);
  }
  100% {
    transform: scale(1, 1);
  }
}

Based on @Ibelick

Designed with ♥ by @AdrianGerman