<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.