Estilos de decoración de texto

Los diseñadores exigentes saben que los subrayados básicos y predeterminados no siempre lucen bien. Gracias a la compatibilidad nativa con las propiedades CSS de subrayado y decoración, Webflow ahora te ofrece un control preciso sobre las decoraciones de texto en el panel de Estilo. Ya puedes ajustar la posición de la decoración, elegir un color distinto al del texto o incluso añadir una línea ondulada.

Nuevos estilos de decoración de texto

A partir de hoy, encontrarás nuevos ajustes de “Decor” en el panel de Estilo > sección Tipografía. Esta actualización introduce propiedades avanzadas de decoración de texto, brindándote un control inigualable sobre los estilos y comportamientos del subrayado:

• Estilo de decoración: elige entre líneas continuas, discontinuas, punteadas, onduladas o dobles.
• Desplazamiento del subrayado: ajusta la posición vertical de los subrayados.
• Grosor de la decoración: personaliza el grosor de los subrayados y tachados.
• Color de la decoración: establece el color de la decoración independientemente del color del texto.
• Posición del subrayado: ajusta con precisión la ubicación del subrayado en relación con el texto.
• Omitir trazos (Skip Ink): mantén los subrayados limpios evitando que se superpongan con las partes ascendentes y descendentes de las letras.

Nota: también hemos trasladado la propiedad de cursiva al área de “Más opciones de tipografía” para facilitar el acceso a estilos de texto relacionados.

Prueba los nuevos estilos

Dirígete a Panel de Estilo > Tipografía > Decor en tu sitio para ver las nuevas opciones en acción. También puedes crear transiciones CSS para animar el Desplazamiento del subrayado y el Color de la decoración, en el menú desplegable Panel de Estilo > Efectos > Transiciones.

Consulta el Centro de ayuda para obtener guías paso a paso sobre cómo usar estos nuevos estilos de decoración de texto.

‍