Pasta que Abre Plus

Ícone de pasta que levanta e abre as abas no hover; no clique, três papéis saem em leque, cada um um link de verdade.

Sobre este efeito

Ícone de pasta que responde à mão: com o mouse em cima ela levanta e as abas da frente se abrem, deixando ver os papéis; no clique os três papéis saem em leque, e cada um pode ser um link, um texto ou uma imagem. Seção de materiais, downloads, kit de imprensa, "veja também" de portfólio. Rótulo embaixo, cor por pasta, opção de abrir só no hover. Acessível: Enter e Espaço abrem, Esc fecha, e o leitor de tela anuncia se está aberta. Sem biblioteca; o JS só monta a pasta em volta dos seus papéis.

Ficha

Categoria: Interação
Onde combina: recursos, chamada pra ação, utilitário
Alcance: Área: vive dentro de um bloco da página.
Plano: Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).
Peso: 3,8 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 6% do processador de um celular intermediário enquanto anima.
Na loja desde: 04/09/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-pasta-que-abre.

Assuntos

interacao
pasta
folder
clique
hover
leque
download
materiais
links
css-puro