JSFiddle - React, Tailwind, and code Playground

by Yuriy Petrichenko

HTML

<h1>Yuriy<br>Petrichenko</h1>
<h1>welcome to</h1>
<h1>background-attachment:fixed</h1>
<div class="this-background">
  <h1>this background</h1>
</div>

CSS

body{
    margin:0;
    padding:0;
}
h1{
   cursor:pointer;
   font-size:50px;
   font-family:"Helvetica";
   font-weight:bold;
   text-transform:uppercase;
   text-align:center;
   margin:150px auto;
   background: url(http://www.convoyautorepair.com/Files/Blog/images/road-960793_1920.jpg);
   background-size:cover;
   background-attachment:fixed;
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}
.this-background{
  background:url(http://www.convoyautorepair.com/Files/Blog/images/road-960793_1920.jpg);
  background-size:cover;
  height:100vh;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}