Bienvenidos al primer artículo de la serie Trucos CSS. Empezaremos esta serie con un texto de color degradado.

En CSS3 tenemos máscaras, que consisten en definir un área que delimitará la visibilidad de un elemento. Si bien el concepto es amplio, para este truco solo veremos la máscara de texto.

Para empezar, definimos un degradado como fondo del texto: background: linear-gradient(yellow,red). Veremos que al hacerlo, como es previsible, el fondo se aplica a toda el área rectangular detrás de él.