CSS animation for slider entrance

by Roberto Apasajja

HTML

<img src="https://www.gravatar.com/avatar/a4e64855bb65ad093754ae4e91ddca7f?s=64" alt="">

CSS

img {
	animation: scale-in-and-out 5s infinite both;
}

@keyframes scale-in-and-out {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  99% {
    transform: scale(1);
    opacity: 1;
  }

}