Animación de texto Libro desplegable pop-up: la palabra aimotions animada en este estilo
041ManualidadesCSS

Libro desplegable pop-up

Animación de texto en un libro pop-up: el cuento se abre y las letras troqueladas se levantan ante un paisaje de papel en 3D. Para marcas infantiles y lanzamientos.

Prompt · cambia [TEXTO]

Universal
Muestra un libro de cuentos de tapa dura con cubierta de tela roja y marco dorado sobre un mantel verde azulado, visto desde arriba en un ángulo de tres cuartos y en perspectiva 3D real. La tapa se abre girando sobre el lomo y las páginas forman un desplegable pop-up: las letras de [TEXTO], cada una gorda y redondeada, impresa en un color vivo sobre cartulina troquelada con borde blanco, están plegadas en plano y se levantan una a una sobre bisagras de papel con un rebote elástico hasta quedar de pie frente al espectador. Detrás se despliega un paisaje de papel con colinas verdes en capas, un sol y nubes; delante, una tira de hierba y flores de papel. Añade sombras proyectadas suaves y sombreado en el pliegue central. Mueve la cámara levemente, luego pliégalo todo, cierra el libro y repite en bucle.

ADN visual

  • Paso de página en 3D real: la tapa de tela roja gira sobre el lomo
  • Letras troqueladas con borde blanco, planas hasta que se abre el libro
  • Las letras se levantan una a una sobre bisagras de papel con un rebote elástico
  • Decorado desplegable en capas: colinas, sol y nubes detrás, hierba delante
  • Cámara que deriva despacio, sombras suaves y sombreado en el pliegue central
Categoría
Papel y manualidades
Demo hecha con
CSS
Energía
Tranquilo
Fondo
Oscuro

También conocido como

Apoyo
Mantén aimotions gratis

Sin muros de pago ni registro. Si un prompt te ha ahorrado una hora, un café ayuda a que sigan llegando estilos nuevos.

Invítame a un café

Teclas: ← → navegar · C copiar

Usa este estilo

  1. Paso 01Copia el prompt

    Describe el estilo Libro desplegable pop-up (composición, tipografía, paleta, textura y ritmo) sin atarte a ninguna herramienta.

  2. Paso 02Cambia [TEXTO]

    Pon tu palabra, el nombre de tu producto o un titular. Las palabras cortas (4–12 letras) se leen mejor en la mayoría de estilos.

  3. Paso 03Pide un formato

    Pégalo en Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra o GPT-6.1 Sol o un modelo posterior, y pide un único archivo HTML, un componente, un shader o un brief. Para la cabecera de una web, usa «Copiar para título web».

Títulos web →Guía de prompts →

Que siga siendo gratis.

aimotions no tiene muro de pago ni registro. Se financia con quienes encuentran un estilo que les encanta. Un café en Ko-fi ayuda a pagar el alojamiento y la siguiente tanda de estilos.

Apoyar en Ko-fi ♥