Xoáy màu

Dùng trong mã React

1. 1. Cài thư viện

   npm i @udemi/hinh-nen

   Chép

2. 2. Dán thành phần vào trang

   import { Swirl } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <Swirl
         colors={["#ffd1d1", "#ff8a8a", "#660000"]}
         colorBack="#330000"
         bandCount={4}
         twist={0.1}
         center={0.2}
         proportion={0.5}
         softness={0}
         noise={0.2}
         noiseFrequency={0.4}
         speed={0.32}
         scale={1}
         rotation={0}
         offsetX={0}
         offsetY={0}
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép