No vendemos plantillas, diseñamos webs que se entienden a la primera, cargan en un segundo y se ven bien en cualquier móvil. Todo lo hacemos con tu equipo, no para tu equipo.
Subrayado de rotulador
Tres frases se marcan una detrás de otra con trazos de rotulador cuando el párrafo aparece en pantalla.
Ajustes
Código
<div class="uv-tmh"><p><mark class="m1">No vendemos plantillas,</mark> diseñamos webs que se entienden a la primera, <mark class="m2">cargan en un segundo</mark> y se ven bien en cualquier móvil. Todo lo hacemos <mark class="m3">con tu equipo, no para tu equipo</mark>.</p><button type="button" class="rp">Repetir</button></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
Las frases clave de un párrafo se marcan como si alguien pasara un fluorescente por una página impresa. Los trazos tienen los extremos algo irregulares, saltan bien de una línea a otra y se dibujan uno tras otro con un pequeño retraso, así la vista sigue el mensaje en el orden que tú decides.
Un IntersectionObserver lanza el efecto cuando casi todo el párrafo es visible y un botón pequeño lo repite. Hay dos colores ajustables, el texto sigue siendo HTML normal con etiquetas mark y con movimiento reducido se ve el subrayado final.