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; }
Con soporte actualmente en todos los navegadores pero con prefijo -webkit
.
Demo:
Agradezco tu comentario 🤘