Parallax Scroll

Display

Three-column image grid whose columns translate at different rates on scroll — adapted from Aceternity UI.

Parallax Scroll — as colunas rolam em ritmos diferentes

Instalação via CLI

$ npx kikitocn add parallax-scroll

Interno:

@/lib/utilsmotion

Exemplo de uso

Parallax ScrollExample.tsx

import { ParallaxScroll } from "@/components/ui/cn/parallax-scroll/ParallaxScroll";

export function ParallaxScrollExample() {
  return (
    <ParallaxScroll />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`images*`	`string[]`	—	URLs — distribuídas em 3 colunas
`imageAlt`	`string`	`''`	Texto alternativo comum às imagens
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…