react-lazy-load-image-component/src/effects/opacity.css

React Component to lazy load images using a HOC to track window scroll position.

.lazy-load-image-background.opacity {
  opacity: 0;
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
  opacity: 1;
  transition: opacity .3s;
}