HTML:

<h1 class="hrysem">Wordpress-club.com</h1>

CSS:

.hrysem8 {
 font-size: 30px;
 font-family: 'sonos-logoregular';
 text-align: center;
 background: -webkit-linear-gradient(left, #0000ff, #00ff00, #ffff00, #00ff00, #0000ff);
 background: linear-gradient(left, #0000ff, #00ff00, #ffff00, #00ff00, #0000ff);
 background-size: 1500px 100px;
 color: transparent;
 -webkit-background-clip: text;
 -webkit-animation: animate-logo;
 -webkit-animation-delay: 0;
 -webkit-animation-duration: 7s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-fill-mode: forwards;
 transition: font-size 500ms ease-in-out;
 }
@-webkit-keyframes animate-logo {
 0% {
 background-position: 0 1500px;
 }
 100% {
 background-position: 1500px 0;
 }
}

-->