react-scroll-effects/demo/bower_components/animate.css/source/fading_entrances/fadeInDown.css

React component to animate elements on scroll with animate.css

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}