Placing image over text

Question

How to overlay image on text which is like a pattern image.

like we do in css for applying color with hex value

color: #ffffff;

How it can be done?

I'm trying to get pattern over text

Thanks in advance.

Answer 1

I have please check the code..

h1 {
  
   background: url(http://www.lovethispic.com/uploaded_images/114180-Pink-Glitter-Pattern-.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size:80px
}

<h1>Welcome</h1>