• HTML
• CSS

HTML

<h1 class="text-striped">Striped text</h1>

CSS

*{
    box-sizing:border-box;
    padding:0;
    margin:0;
}
body{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    background-color:rgb(49,49,49);
    color:white;
    font-family:Arial,Helvetica,sans-serif;
}
.text-striped{
    background:linear-gradient(white,white 50%,transparent 50%,transparent);
    background-size:100% 3px;
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    font-size:3em;
    transition:0.3s;
}
.text-striped:hover{
    color:white;
}

/*
    All the credits to: https://www.youtube.com/watch?v=BpLgtKSZ0lU
*/