Kim loại lỏng

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 { LiquidMetal } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <LiquidMetal
         colorBack="#AAAAAC"
         colorTint="#ffffff"
         shape="diamond"
         repetition={2}
         softness={0.1}
         shiftRed={0.3}
         shiftBlue={0.3}
         distortion={0.07}
         contour={0.4}
         angle={70}
         speed={1}
         scale={0.6}
         rotation={0}
         offsetX={0}
         offsetY={0}
         fit="contain"
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép