Nonvoluntary Professional Mangling

    @layflags/react-crossfade-image

    1.1.3 • Public • Published

    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 @layflags/react-crossfade-image

    DownloadsWeekly Downloads

    1

    Version

    1.1.3

    License

    MIT

    Unpacked Size

    134 kB

    Total Files

    12

    Last publish

    Collaborators

    • layflags