Rainbow Text in HTML/ CSS?

[satanicasmrjunkie666]

In this wiki http://clashroyale.wikia.com/wiki/Shop under the cards section the word Legendary is rainbow, how is this achieved?

[thekeemo]

.text-legendary {

background-image: -webkit-linear-gradient(left,#D68AB0 0%,#D8CE5D 25%,#6BD85D 50%,#5DB9D8 75%,#D85DCB 100%);

background-size: 1000% 1000%;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

-webkit-animation: Text-Legendary 6s infinite;

color: #33cccc;

}

[satanicasmrjunkie666]

9 minutes ago, thekeemo said:

.text-legendary {

background-image: -webkit-linear-gradient(left,#D68AB0 0%,#D8CE5D 25%,#6BD85D 50%,#5DB9D8 75%,#D85DCB 100%);

background-size: 1000% 1000%;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

-webkit-animation: Text-Legendary 6s infinite;

color: #33cccc;

}

Thanks, I assume this is CSS3 code from the little I know?

[thekeemo]

Just now, satanicasmrjunkie666 said:

Thanks, I assume this is CSS3 code from the little I know?

Just call it CSS and you are correct.