Carregando…Carregando…Carregando…Carregando…Animate children into view on scroll with fade, slide or zoom, once or repeat.
Scroll Reveal — animações de fade/slide ao entrar na viewport
$ npx kikitocn add scroll-reveal@/lib/utilsimport { ScrollReveal } from "@/components/ui/cn/scroll-reveal/ScrollReveal";
export function ScrollRevealExample() {
return (
<ScrollReveal />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | ReactNode | — | Conteúdo a animar |
animation | 'fade' | 'slide-up' | 'slide-left' | 'slide-right' | 'zoom' | 'fade' | Tipo de animação |
duration | number | 600 | Duração da animação em ms |
delay | number | 0 | Delay antes de iniciar a animação em ms |
threshold | number | 0.1 | Fração visível do elemento para disparar (0 a 1) |
once | boolean | true | Anima apenas uma vez ao entrar na viewport |