Carrossel Desfoque Ultra

Sobre este efeito

Carrossel de tela cheia: o slide novo entra como uma cortina enquanto o anterior recua, e o título aparece palavra por palavra saindo de um desfoque pesado, com as letras grudando umas nas outras enquanto estão borradas. Os slides ficam escritos na própria página.

Ficha

Categoria

Galeria

Onde combina

topo (hero), recursos

Alcance

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

Plano

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

Peso

3,6 KB de código comprimido, mais GSAP (27 KB), que vem de um CDN.

No celular

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

Na loja desde

17/07/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-carrossel-desfoque.

Assuntos

• carrossel
• slider
• blur
• gooey
• clip-path
• gsap