Exciting release!Introducing "safe npm". Learn more
Socket
Log inDemoInstall

react-crossfade-image

Package Overview
Dependencies
3
Maintainers
1
Versions
12
Issues
File Explorer

Advanced tools

react-crossfade-image

Simple React component for crossfading images

    1.2.0latest
    GitHub

Version published
Maintainers
1
Weekly downloads
642
decreased by-20.54%

Weekly downloads

Readme

Source

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

containerClass

Custom class string for the container element - default to 'CrossfadeImage'

License

MIT

Keywords

FAQs

Last updated on 28 Nov 2019

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc