HeronTool
Português▾
Entrar
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Início › Recursos de design › CSS Card Flip Generator

CSS Card Flip Generator

Build a 3D flip card that rotates on hover with front and back faces.

CSS Design Animação
Summary—

Como usar

  1. Adjust the parameters — the preview and CSS update instantly.
  2. 调整参数，预览与 CSS 实时更新。
  3. 調整參數，預覽與 CSS 即時更新。

Casos de uso

Build a 3D flip card that rotates on hover with front and back faces.

Nada é enviado — tudo é processado localmente no seu navegador.

Comentário / Reportar / Minhas anotações

Entre primeiro — Entrar

Entre primeiro — Entrar

Entre primeiro — Entrar

Ferramentas relacionadas
Gerador de gradientes Gera gradientes CSS lineares/radiais com pré-visualização ao vivo. Gradiente Pré-visualização de fontes Digite texto e alterne a família de fonte para pré-visualizar ao vivo. Fonte Buscador de ícones Pesquise ícones Tabler e copie o SVG com um clique. Ícone Gerador de paletas Construa uma paleta harmoniosa (análoga/complementar) a partir de uma cor base. Paleta Gerador de maquetes Arraste uma URL ou captura de tela para um quadro mockup de dispositivo. Mockup Contraste de cores Verifica o contraste WCAG do texto sobre o fundo. Contraste Gerador box-shadow Constrói box-shadow CSS visualmente. Sombra Gerador text-shadow Constrói text-shadow CSS. Sombra