Text fill by image

by Odisseya

HTML

<div><h1>INOY</h1></div>

CSS

* { margin: 0; }

div {
  background: blue url("https://www.look.com.ua/large/201210/59738.jpg") no-repeat 0 0 / cover;
  min-height: 200px;
}

h1 {
  font: bold 100px/1.5 Impact, sans-serif;
  margin: 0 0.5em;
  background-clip: text;
  background-image:url("https://www.look.com.ua/large/201210/59738.jpg");
  background-position: 50%;
  color: transparent;  
}