React-seasonal-background NPM

Seasonal Backgrounds

Live example: Here

Example:

<SeasonalBackground
  background='https://png.pngtree.com/thumb_back/fw800/back_our/20190619/ourmid/pngtree-company-profile-corporate-culture-brochure-cross-page-design-background-material-image_131621.jpg'
  droplet='https://cdn.pixabay.com/photo/2012/04/26/12/37/dollar-42338_960_720.png'
  season='winter'
  fadeLength='4'
  fadeDelay='2'
  development
>
  <h1>Hello World!</h1>
</SeasonalBackground>

Key	Type	Required	Options/Action
*background*	String	No	Path to image
*droplet*	String	No	Path to image
*season*	String	No	winter, spring, summer, fall
*fadeLength*	Number	No
*fadeDelay*	Number	No
*development*	Boolean	No	Displays dropdown to select season

Notes:

Setting custom background and/or droplet will override defaults
Setting custom season will set correlating season's background/droplet and fall/sway animation.
If a custom background/droplet is set, setting season will set the correlating fall/sway animation
Versions 2.0.0 and above will remove innerContent and instead use elements wrapped in <SeasonalBackground></SeasonalBackground> tags