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

React component to animate elements on scroll with animate.css

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

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

.fadeInLeft {
  animation-name: fadeInLeft;
}