Flicker In
El elemento se enciende con destellos rápidos de opacidad, como un letrero de neón averiado, antes de quedarse visible.
Se usa en
Efectos de texto neón y retro
Prompt
Sustituye [dónde] por la parte de tu página y pega el prompt en tu agente de IA. Cada prompt incluye el nombre de la animación, así la próxima vez puedes pedirla solo por su nombre.
Añade una animación de entrada "Flicker In" en [dónde].
El elemento debe encenderse y apagarse unas cuantas veces a intervalos irregulares, como un letrero de neón averiado, antes de quedarse encendido: destellos secos, sin desplazamiento.
Reprodúcela una sola vez, con pocos destellos y lo bastante lentos para no afectar a personas sensibles a las luces intermitentes, y muéstralo encendido de forma fija si el usuario prefiere movimiento reducido (prefers-reduced-motion).Animaciones parecidas
ABC
Flicker
También llamado Flickering
La opacidad del elemento parpadea de forma irregular, como una luz que falla.
Se usa en
Efectos de neón y glitch
Añade un efecto "Flicker" (también llamado flickering) en [dónde].
El elemento debe mantenerse estable la mayor parte del tiempo y atenuarse en breves tartamudeos irregulares, como un neón que falla.
Mantén un ritmo irregular en lugar de uniforme, evita destellos rápidos a plena intensidad y detenlo para los usuarios que prefieren movimiento reducido.Flash
También llamado Blink
El elemento parpadea alternando rápidamente su opacidad.
Se usa en
Avisar de contenido nuevo
Añade un efecto de atención "Flash" (también llamado blink) en [dónde].
El elemento debe parpadear desvaneciéndose y volviendo a aparecer rápidamente dos veces, y luego quedarse totalmente visible.
Reprodúcelo una sola vez en lugar de como un parpadeo sin fin, y omítelo para los usuarios que prefieren movimiento reducido, porque un parpadeo rápido puede resultar molesto.ABCDEF
Neon Glow Text (texto neón)
También llamado Neon Sign Flicker, Glowing Text
El texto brilla como un tubo de neón y parpadea o late.
Se usa en
Temáticas de vida nocturna y videojuegos
Añade un efecto "Neon Glow Text" (un texto neón, también llamado neon sign flicker o glowing text) en [dónde].
El texto debe brillar como un tubo de neón con una luz suave y constante y, de vez en cuando, apagarse un instante como un letrero real.
Que el parpadeo sea ocasional y no rápido, porque los destellos rápidos pueden hacer daño a algunos usuarios, y mantén el brillo fijo si el usuario prefiere movimiento reducido (prefers-reduced-motion).A
Fade In / Fade Out
También llamado Fade
El elemento pasa de totalmente transparente a totalmente opaco en su sitio, o al revés al salir.
Se usa en
Modales, toasts y contenido de página que aparece
Añade una animación "Fade In / Fade Out" (también llamada fade) en [dónde].
El elemento debe pasar de totalmente transparente a totalmente visible en su sitio al aparecer, y desvanecerse igual al salir: suave, sin desplazamiento ni cambio de escala.
Cuando haya desaparecido, asegúrate de que ya no se pueda hacer clic en él ni llegar con el teclado, y cambia al instante si el usuario prefiere movimiento reducido (prefers-reduced-motion).Más en Entrance & Exit
A
El elemento da una vuelta completa sobre el eje Y mientras se acerca un poco al espectador y vuelve.
Se usa en
Revelar una tarjeta o insignia llamando la atención
Añade una animación "Flip" en [dónde].
El elemento debe dar una vuelta completa sobre su eje vertical mientras se acerca un poco al espectador, y luego volver con una leve reducción de tamaño: vivo pero breve.
Dale perspectiva para que el giro se lea como profundidad, reprodúcela una sola vez en lugar de en bucle, y omite el giro si el usuario prefiere movimiento reducido (prefers-reduced-motion).A
Flip In
También llamado Flip In X, Flip In Y
El elemento gira en 3D sobre su eje horizontal o vertical, de estar de canto a quedar de frente al espectador.
Se usa en
Revelado de tarjetas y mosaicos
Añade una animación de entrada "Flip In" (también llamada flip in X o flip in Y) en [dónde].
El elemento debe empezar de canto y girar sobre su eje horizontal hasta quedar de frente, pasándose un poco y volviendo antes de asentarse: rápido, con un pequeño bamboleo.
Dale perspectiva para que el giro se lea como profundidad, y muéstralo de frente sin movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).A
Flip Out
También llamado Flip Out X, Flip Out Y
El elemento gira en 3D hasta quedar de canto e invisible.
Se usa en
Quitar tarjetas y mosaicos
Añade una animación de salida "Flip Out" (también llamada flip out X o flip out Y) en [dónde].
El elemento debe inclinarse un poco hacia atrás y luego girar sobre su eje vertical hasta quedar de canto y desaparecer: rápido y nítido.
Dale perspectiva para que el giro se lea como profundidad, quita el elemento solo cuando termine el giro, y ocúltalo al instante si el usuario prefiere movimiento reducido (prefers-reduced-motion).