JSFiddle - React, Tailwind, and code Playground

HTML

<div>Оторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеруОторвать голову дизайнеру</div>

CSS

div {
  font-size: 50px;
  color: #000;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  opacity: 1;
  }

body {
    background: url('http://media.istockphoto.com/photos/blue-background-picture-id511061458?k=6&m=511061458&s=170667a&w=0&h=_Wb0LH8MgYSmtlxhknXNdAaNxlr7YzJN9BoTCl6wEeI=');
    background-size: cover;
}