Carregando…Carregando…Carregando…Carregando…Progressive blur scrim stacked in layers to fade out overflowing content at a container's bottom edge — adapted from cuicui.day.
Bottom Blur Out — scrim de blur progressivo na base do container
Linha de conteúdo 1
Linha de conteúdo 2
Linha de conteúdo 3
Linha de conteúdo 4
Linha de conteúdo 5
Linha de conteúdo 6
Linha de conteúdo 7
Linha de conteúdo 8
Linha de conteúdo 9
Linha de conteúdo 10
$ npx kikitocn add bottom-blur-out@/lib/utilsimport { BottomBlurOut } from "@/components/ui/cn/bottom-blur-out/BottomBlurOut";
export function BottomBlurOutExample() {
return (
<BottomBlurOut />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
height | string | '7%' | Altura do scrim |
layers | number | 5 | Camadas de blur progressivo |
maxBlurPx | number | 32 | Blur máximo (px) da camada mais forte |
className | string | — | Classes CSS extras |