Tema que Vira em Onda Ultra

Sobre este efeito

Um interruptor de tema claro e escuro em que a troca não acontece de uma vez. No clique, o tema novo se espalha pela página numa onda redonda que nasce no próprio interruptor, com a borda macia e um anel de luz na frente: luz de fim de tarde quando vai pro escuro, de amanhecer quando volta pro claro. Tudo troca junto com a onda, até fundo em degradê e foto, porque a página nova é revelada inteira por cima da antiga. O interruptor em si tem acabamento de objeto: a esfera desliza com mola, os raios do sol dão um quarto de volta enquanto somem e um disco escorrega por cima do sol até sobrar a lua crescente, num eclipse, enquanto o trilho vira um céu estrelado. O tema escolhido fica guardado no navegador e, na primeira visita, vale o tema do sistema da pessoa. Funciona com qualquer site que escreva o tema em CSS por um atributo na tag html. Em navegador sem transição de página, o tema vira com um esmaecer rápido e o anel passa por cima. Com a preferência de menos movimento, o tema vira na hora. Tempo da onda, anel de luz, tamanho do interruptor e cor do sol ajustáveis. CSS e JavaScript puros.

Ficha

Categoria

Botões

Onde combina

menu/navegação, utilitário

Alcance

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

Plano

Exclusivo do Ultra (R$ 39,90/mês) até 25/10/2026; depois entra no Plus.

Peso

7,0 KB de código comprimido. Sem biblioteca externa.

No celular

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

Na loja desde

25/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-tema-que-vira-em-onda.

Assuntos

• tema
• modo escuro
• claro
• escuro
• interruptor
• toggle
• botão
• onda
• transição
• sol
• lua