Animación de texto Título 3D inclinable con parallax: la palabra aimotions animada en este estilo
013ReactivosCSS

Título 3D inclinable con parallax

Efecto de texto 3D: una palabra extruida en un diorama por capas se inclina hacia el cursor, con parallax y un brillo que barre su cara irisada. Título hero interactivo.

Prompt · cambia [TEXTO]

Universal
Construye un pequeño diorama 3D para [TEXTO]: una palabra de exhibición redondeada y gruesa extruida a mucha profundidad, con la cara en un degradado irisado de melocotón a rosa y los lados escalonados de magenta a violeta profundo, flotando delante de un panel trasero índigo oscuro con una tenue retícula en perspectiva y dos finos anillos orbitales, y diminutas chispas delante. En reposo, la escena se balancea suavemente mientras un punto invisible la recorre. Con el cursor encima, todo el diorama se inclina hacia él hasta unos veinte grados con un retraso elástico: las capas se deslizan unas sobre otras en parallax, la extrusión muestra sus lados, la sombra suave se desplaza por el panel trasero y un brillo blanco barre las letras. Cuando el cursor se va, vuelve a nivelarse con un pequeño rebote. Un clic lanza la palabra hacia delante. En pantallas táctiles se inclina igual.

ADN visual

  • Palabra redondeada extruida en 16 capas, cara de melocotón a rosa, lados violeta
  • Toda la escena se inclina hacia el cursor con un retraso elástico
  • Capas en parallax: panel de retícula detrás, anillos orbitales y chispas delante
  • Cara en degradado irisado y un brillo blanco que se desliza con la inclinación
  • Un clic adelanta la palabra de golpe y vuelve elástica a su sitio
Categoría
Estilos reactivos
Demo hecha con
CSS
Energía
Dinámico
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 Título 3D inclinable con parallax (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 →

Estilos relacionados

Ver categoría Reactivos →

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 ♥