npm

Need private packages and team management tools?Check out npm Orgs. »

@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

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability