Lupa que Passeia Ultra

Sobre este efeito

Uma lente de vidro passeia por cima da foto acompanhando o cursor, com um atraso curto, e mostra o detalhe que o olho não via. A borda é macia, a lente entra e sai devagar e caminha até o alvo em vez de saltar. Quanto ela aumenta, o tamanho dela e a maciez da borda são ajustáveis: a conta é o tamanho do arquivo dividido pela largura em que ele aparece, então uma foto de 2000 px numa caixa de 720 é nítida até quase três vezes, e o aumento vai até doze vezes para quem tiver arquivo maior. O ponto debaixo da lente é o ponto certo da foto. O dedo abre e fecha a lupa no celular, a preferência de menos movimento tira o atraso e o esmaecer sem tirar a ferramenta, e há botão de pausa. Leve, e não gasta nada com o mouse fora da foto. Sem biblioteca.

Ficha

Categoria

Hover

Onde combina

recursos, prova social

Alcance

Área: vive dentro de um bloco da página.

Plano

Exclusivo de quem assina o Ultra (R$ 39,90/mês).

Peso

5,6 KB de código comprimido. Sem biblioteca externa.

No celular

Leve: usa 17% do processador de um celular intermediário enquanto anima.

Na loja desde

16/09/2026

Como colocar no seu site

1. Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
2. Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
3. Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-lupa-que-passeia.

Assuntos

• foto
• lupa
• zoom
• cursor
• imagem
• produto
• detalhe