# Textura Pinch

A imagem é sugada para o ponteiro como pele beliscada, e solta devagar quando ele sai.

- Nome no registry: `textura-pinch`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/textura-pinch
- Categorias: shaders, textura, webgl, ponteiro, imagem, beliscar, distorcao

## Quando usar

- Use quando: Foto de produto ou retrato que a pessoa belisca com o cursor, em hero de moda, beleza ou campanha
- Evite quando: Redemoinho em volta do cursor: textura-twist; lupa que amplia, textura-sphere

## Instalar

```bash
npx shadcn@latest add @visant/textura-pinch
```

## Usar

```tsx
<TexturaPinch
  resting
/>
```

## API

### TexturaPinch

- `src: string` — A imagem a beliscar. Fundo transparente vira papel.
- `alt?: string = "Imagem beliscada pelo cursor"` — Texto alternativo da imagem.
- `radius?: number = 32` — Raio do beliscão, em % do lado menor.
- `resting?: boolean = false` — Nasce com o efeito armado no centro e volta pra lá quando o ponteiro sai. Sem isto, a peça parada é a foto pura: o efeito só existe com ponteiro.
- `strength?: number = 70` — Força do beliscão, de solto a apertado.