Skip to content

WithakErik/react-seasonal-background

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Seasonal Backgrounds

Live example: Here alt text

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 removes innerContent and instead uses elements wrapped in <SeasonalBackground></SeasonalBackground> tags

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors