Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    react-crossfade-imagepublic

    react-crossfade-image

    Simple component for crossfading images. Just pass it a new src prop and enjoy the fade!

    alt react-crossfade-image-example

    Usage

    npm install react-crossfade-image

    Clone and run npm start for demo.

    Sample component:

    <CrossfadeImage src={imageSrc} />

    Props

    src

    Image source as string - required

    duration

    Duration of the fade, in ms - default to 300

    timingFunction

    Support all CSS timing functions - default to 'ease'

    delay

    Duration of the delay before fading, in ms - default to 0

    style

    Custom styling for the image - default to { maxWidth: '100%', maxHeight: '100%' } for responsive image scaling

    License

    MIT

    install

    npm i react-crossfade-image

    Downloadsweekly downloads

    365

    version

    1.1.1

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar