@nju33/react-blurry-gradient v0.1.38

react-blurry-gradient

Linear-gradient (using by CSS) animation component for React.

Install

yarn add @nju33/react-blurry-gradient
yarn add react @types/react styled-components

Usage

import {BlurryGradient} from '@nju33/react-blurry-gradient';

// ...

<div
  style={{
    height: '100vh',
    width: '100vw',
  }}
>
  <BlurryGradient baseColor="#ecb88a" />
  <BlurryGradient baseColor="orange">
    <Contents />
  </BlurryGradient>
</div>;