Tất cả hình nền
Uốn màu
WarpDùng trong mã React
1. Cài thư viện
npm i @udemi/hinh-nen2. Dán thành phần vào trang
import { Warp } from "@udemi/hinh-nen"; export function HinhNen() { return ( <Warp colors={["#121212", "#9470ff", "#121212", "#8838ff"]} proportion={0.45} softness={1} distortion={0.25} swirl={0.8} swirlIterations={10} shape="checks" shapeScale={0.1} speed={1} scale={1} rotation={0} offsetX={0} offsetY={0} style={{ width: "100%", aspectRatio: "16 / 9" }} /> ); }
Hiệu ứng dựng bằng Paper Shaders của Paper, giấy phép Apache 2.0.