Fumaça no Cursor Ultra
Rastro de fumaça que segue o mouse, com brilho e granulado de filme.
Ver na loja e baixarSobre este efeito
Um rastro de fumaça segue o mouse, com brilho e granulado de filme. Parando o mouse, a fumaça perde força e some sozinha. Usa Three.js.
Ficha
- Categoria
- Cursor
- Onde combina
- topo (hero), fundo
- Alcance
- Área: vive dentro de um bloco da página.
- Plano
- Exclusivo de quem assina o Ultra (R$ 39,90/mês).
- Peso
- 5,0 KB de código comprimido, mais Three.js (174 KB), que vem de um CDN.
- No celular
- Moderado: usa 23% do processador de um celular intermediário enquanto anima.
- Placa de vídeo
- Desenha com a placa de vídeo; em celular muito simples a fluidez depende dela.
- Na loja desde
- 23/07/2026
Como colocar no seu site
- 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.
- Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
- Programando: importe o
efeito.csse oefeito.jse marque o elemento com a classefx-ghost-cursor.
Assuntos
- webgl
- cursor
- fumaca
- bloom
- three