react-seasonal-background

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