Viền nhịp

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 { PulsingBorder } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <PulsingBorder
         colors={["#0dc1fd", "#d915ef", "#ff3f2ecc"]}
         colorBack="#000000"
         roundness={0.25}
         thickness={0.1}
         softness={0.75}
         aspectRatio="auto"
         intensity={0.2}
         bloom={0.25}
         spots={4}
         spotSize={0.5}
         pulse={0.25}
         smoke={0.3}
         smokeSize={0.6}
         margin={0}
         speed={1}
         scale={0.6}
         rotation={0}
         offsetX={0}
         offsetY={0}
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép