Rastro de Tinta Free

Rastro de tinta orgânica que segue o mouse, leve e sem biblioteca.

Sobre este efeito

Fundo do topo da página em que o movimento do mouse solta gotas de tinta que crescem, borram e se dissipam devagar, escorregando um pouco antes de sumir. A velocidade do gesto controla o tamanho e a quantidade das gotas; a cor de cada gota é uma mistura entre --fx-accent e --fx-tinta-2, o decaimento sai de --fx-decay. Tem limite de gotas para continuar leve, só desenha enquanto há tinta na tela e pausa fora da tela. Zero WebGL, zero dependência — a assinatura é a mesma dos outros efeitos da loja.

Ficha

Categoria: Cursor
Onde combina: topo (hero), fundo
Alcance: Área: vive dentro de um bloco da página.
Plano: Grátis com a conta: 1 download a cada 24 horas.
Peso: 7,2 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 13% do processador de um celular intermediário enquanto anima.
Na loja desde: 15/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.css e o efeito.js e marque o elemento com a classe fx-rastro-de-tinta.

Assuntos

cursor
canvas
tinta
partículas