날씨, 계절, 시간에 따른 아름다운 효과를 주고싶을 때 사용할 수 있습니다.
npm i react-season-component
or
yarn add react-season-component
import { Season, Weather, Time } from "react-season-component"Check out our documentation website
| props | value | meaning |
|---|---|---|
| type | auto(default), spring, summer, autumn, winter |
value에 따른 계절 효과 제공 |
| isAnimated | true(default), false |
애니메이션 실행 여부 |
| props | value | meaning |
|---|---|---|
| type | auto, morning, day, evening, night |
type에 따른 시간 배경 효과를 보여줍니다. |
| animationRoundTime | number (default: 1) |
아이콘의 애니메이션 실행 시간을 초(s)단위로 알려줍니다. |
| imagePosition | left-top, left-center, left-bottom, right-top, right-center, right-bottom, center-top, center-center, center-bottom (default: left-top) |
아이콘의 위치를 지정합니다. |
| animation | left-to-right, right-to-left, top-to-bottom, bottom-to-top, round (default: left-to-right) |
아이콘 애니메이션 실행 방향 |
| background | boolean | false시 기본 배경이 사라집니다. |
| props | value | meaning |
|---|---|---|
| type | auto, sunny, cloudy, rainy, snowy (default: auto) |
type에 따른 날씨 배경효과를 보여줍니다. |
| typeChangeTerm | ms (default: 10000) |
type을 'auto'로 했을때, 효과가 변경되는 시간을 의미합니다. |
 다나 |
 단테 |
 junghyeonsu |
 deveeni |
 useonglee |
 춘식 |
 아이뽀송 |
 세인트 |
MIT. Copyright (c) 2022 PPO F MAN.