El faro del norteCapítulo 3
La niebla llegó antes que el barco. Desde la torre, Elena contó las campanadas y apuntó la hora en el cuaderno, como cada noche desde hacía once años.
Abajo, el mar golpeaba las rocas con paciencia. Encendió la lámpara, limpió el cristal con la manga y esperó a ver otra luz respondiendo en el horizonte.
Nadie respondió. Solo el viento, que traía olor a sal y a gasóleo. Elena bajó la escalera de caracol contando los peldaños, uno a uno, a oscuras.
Página de tinta electrónica
Un lector de libros electrónicos que pasa página con el parpadeo negro de la tinta electrónica y deja un fantasma del texto anterior.
Ajustes
Código
<div class="uvq14-ink"><div class="scr"><p class="hd"><span>El faro del norte</span><span>Capítulo 3</span></p><div class="pg" aria-live="polite"><p class="gh" aria-hidden="true"></p><p>La niebla llegó antes que el barco. Desde la torre, Elena contó las campanadas y apuntó la hora en el cuaderno, como cada noche desde hacía once años.</p><p hidden>Abajo, el mar golpeaba las rocas con paciencia. Encendió la lámpara, limpió el cristal con la manga y esperó a ver otra luz respondiendo en el horizonte.</p><p hidden>Nadie respondió. Solo el viento, que traía olor a sal y a gasóleo. Elena bajó la escalera de caracol contando los peldaños, uno a uno, a oscuras.</p></div><div class="ft"><span class="br"><i></i></span><span><span class="n">1</span> / 3</span></div><i class="fx" aria-hidden="true"></i></div><div class="ct"><button type="button" class="pv" aria-label="Página anterior"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button><span class="lg" aria-hidden="true"></span><button type="button" class="nx" aria-label="Página siguiente"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Los lectores de libros electrónicos refrescan la pantalla con un destello rápido en negro y blanco, y ese pequeño fallo es lo que los hace parecer papel. Este bloque lo copia con una animación de CSS a saltos sobre una página con tipografía de libro y un fantasma de la página anterior que se desvanece. Sirve para lanzamientos de libros, lecturas largas, editoriales y secciones narrativas.
Cambia las tres páginas por tu propio fragmento y el título de la cabecera. Se pasa página con los botones, tocando cualquier mitad de la pantalla o con las flechas del teclado, y cada página nueva se anuncia sin interrumpir.