Card de Coleção Ultra

Sobre este efeito

Uma peça de colecionador em forma de card: a frente traz a arte e o nome e, ao passar o mouse, o card vira em 3D mostrando o verso, com descrição, ficha técnica e botão. A arte é feita de degradês, sem imagem. Também vira pelo teclado e pelo toque. Só CSS.

Ficha

Categoria

Cards

Onde combina

recursos, chamada pra ação

Alcance

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

Plano

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

Peso

2,4 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

24/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-card-de-colecao.

Assuntos

• card
• flip
• 3d
• colecao
• hover
• css