calendars

Reserva de espacio contra saltos de maquetación

Una página en miniatura donde llegan con retraso una imagen dibujada con formas, un banner, un anuncio simulado y filas nuevas de tabla, y el componente mide a mano el desplazamiento acumulado con la fórmula real: lee getBoundingClientRect antes y después de cada aparición, multiplica la fracción de ventana afectada por la fracción de distancia recorrida y va sumando. Un conmutador declara la altura de cada hueco y la cifra cae a cero, con las dos medidas juntas y una flecha que señala qué elemento empujó y cuántos píxeles.

Verlo en vivo y copiar su prompt

Qué se puede ajustar

Retraso de apariciónnumber · de 300 a 2000ms
Altura del elemento que lleganumber · de 24 a 96px
Color de acentocolor
Color del saltocolor
Reserva de espacioselect
Altura del contenedornumber · de 160 a 300px
Elementos que llegannumber · de 2 a 4
Velocidad de la animaciónnumber · de 0.4 a 2.4

Cómo funciona este catálogo

Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.