En css a los textos aparte de asignarles un color, podemos también aplicarles un fondo de una imagen a modo de máscara consiguiendo efecto de la imagen dentro del relleno del texto.
Usamos las propiedades background-clip y text-fill-color como en el siguiente ejemplo:
.texto{
background: url('https://images.unsplash.com/photo-1567459169668-95d355371bda');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.texto{
background: url('https://images.unsplash.com/photo-1567459169668-95d355371bda');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.texto{
background: url('https://images.unsplash.com/photo-1567459169668-95d355371bda');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Con soporte actualmente en todos los navegadores pero con prefijo -webkit.
Demo:
Agradezco tu comentario 🤘