React Progressive Image Loading
Progressively load images using a blur effect.
Installation
$ npm install react-progressive-image-loading --save
Import
import ProgressiveImage from "react-progressive-image-loading";
Usage
<ProgressiveImage ="/images/tiny-preview.png" ="/images/preview.png" =/>
Instead of using the img
tag, you can use background-image
with a div
.
<ProgressiveImage ="/images/tiny-preview.png" ="/images/preview.png" =/>
You can also customize the transition time and the timing function used for that transition.
<ProgressiveImage ="/images/tiny-preview.png" ="/images/preview.png" = ="ease" =/>