Feature
Diseñador
Rellena texto con degradados, imágenes y superposiciones usando el recorte de fondo
Ahora puedes aplicar estilos de fondo como imágenes, degradados y superposiciones al texto para crear estilos llamativos en tus encabezados y otros elementos tipográficos.
Seguro que has visto el efecto de recorte de fondo en otros sitios web, pero hasta hoy no podías usar esta práctica propiedad CSS en tus proyectos de Webflow.
Por suerte, eso ya es historia: ahora puedes recortar los estilos de fondo de un elemento sobre el texto usando la nueva propiedad de recorte en la sección de fondo del panel de estilos.
Encontrarás cuatro opciones en el menú desplegable de recorte que controlan cómo se aplica el fondo:
- Ninguno (predeterminado): los estilos de fondo se recortan al borde del elemento
- Recortar al relleno: los estilos de fondo se recortan al borde del elemento
- Recortar al contenido: los estilos de fondo se recortan al contenido del elemento
- Recortar al texto: los estilos de fondo se recortan al texto del elemento
Para más detalles sobre el CSS que se genera internamente, echa un vistazo al ejemplo interactivo en la documentación de Mozilla.
Para profundizar en esta propiedad y otros estilos tipográficos, consulta nuestro nuevo artículo de Webflow University sobre tipografía avanzada.
Actualizaciones relacionadas
.png)
.png)
Empieza gratis
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.