<div class="strato"></div>
<div class="testo">HELLO</div>
@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');

:root {
  --grad01: repeating-radial-gradient(
      circle at center left,
      black 2.50%,
      #999999 2.75%
    );
}

@keyframes moveGra {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 150%;
  }
}

body {
  position:relative;
  background:#000000;
}

div {
  position:absolute;
  top:0;
  left:0;
  height:100vh;
  width:100%;
}

div.strato {
  background: var(--grad01);
  animation: moveGra 6s ease-in-out infinite alternate;
}

.testo {
  position:relative;
  font-size:300px;
  margin:0;
  font-weight:bold;
  font-family: 'Passion One', cursive;
  text-align: center;
  background: #000;
	color: #fff;
	mix-blend-mode: multiply;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.