react-scroll-effects/demo/bower_components/animate.css/source/lightspeed/lightSpeedOut.css

React component to animate elements on scroll with animate.css

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}