fade-to-view/fade-to-view.css

This package fades in your elements when they are scrolled into view.

.ftv {
  opacity: 0;
  transform: translateX(0px);
  transform: translateY(100px);
  transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
}

.ftv-show {
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  -o-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  transform: translateY(0px);
}