react-scroll-effects/demo/bower_components/animate.css/source/zooming_entrances/zoomIn.css

React component to animate elements on scroll with animate.css

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}