# Shader Chromatic Aberration

Os canais de cor de uma imagem fora do registro, com a separação apontando para o cursor e crescendo longe do centro.

- Nome no registry: `shader-chromatic-aberration`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-chromatic-aberration
- Categorias: shaders, shader, webgl, imagem, aberracao-cromatica, rgb

## Quando usar

- Use quando: Foto com franja de cor de lente barata que reage ao cursor, em hero de música, moda ou tech
- Evite quando: Falha digital animada em faixas: shader-glitch; fita gasta, shader-vhs

## Instalar

```bash
npx shadcn@latest add @visant/shader-chromatic-aberration
```

## Usar

```tsx
<ShaderChromaticAberration />
```

## API

### ShaderChromaticAberration

- `src: string` — A imagem a separar. Fundo transparente vira papel.
- `alt?: string = "Imagem com as cores fora do registro"` — Texto alternativo da imagem.
- `angle?: number = 0` — Direção da separação em repouso, em graus.
- `follow?: boolean = true` — A separação aponta para o cursor e cresce longe do centro.
- `offset?: number = 6` — Quanto os canais se afastam, em px.