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

React component to animate elements on scroll with animate.css

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

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

.fadeInRight {
  animation-name: fadeInRight;
}