# Textura Sphere

Uma bolha de vidro passeia sob o ponteiro e amplia a imagem como olho de peixe.

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

## Quando usar

- Use quando: Foto de produto com uma lupa de vidro sob o cursor, pra mostrar detalhe em hero ou página de produto
- Evite quando: Pele puxada pro cursor: textura-pinch; lupa com retícula de jornal, shader-halftone

## Instalar

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

## Usar

```tsx
<TexturaSphere
  resting
/>
```

## API

### TexturaSphere

- `src: string` — A imagem debaixo da bolha. Fundo transparente vira papel.
- `alt?: string = "Imagem sob uma bolha de vidro"` — Texto alternativo da imagem.
- `radius?: number = 26` — Raio da bolha, 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 = 55` — Quanto a bolha amplia o miolo.