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

Package detail

react-seasonal-background

readme

Seasonal Backgrounds