Как называется или как сделать такой эффект?
Они используют CSS-градиенты и свойство backgrond-clip:
А перемещают эти градиенты нехитрой анимацией:
Также это можно делать на SVG-масках. Будет более кроссбраузерно.
Ну и на канвасе можно, по тому же принципу, что и с масками.
<h1 id="title">IRON BANK — это уникальная престижная металлическая карта</h1>#title{
    font-size: 2em;
    background-image: linear-gradient(to right,#f7797d,#fbd786 25%,#c6ffdd 50%,#fbd786 75%,#f7797d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: 0.3em 0.6em;
    animation: background 3s infinite alternate;
}

@-webkit-keyframes name-background {
    0% {
    background-position: 0 3200px;
    }
    10% {
    background-position: 3200px 0;
    }
   }