zoomOut.css

TLDR

This file contains CSS code for the zoomOut animation. It defines the keyframes for the animation and applies it to elements with the class zoomOut.

Classes

zoomOut

This class applies the zoomOut animation to elements that have this class. The animation starts with the element at full opacity, then scales it down to 0.3 times its original size and reduces opacity to 0.

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}