@-webkit-keyframes keyframes {
0% {
background-position: 26% 0%
}
50% {
background-position: 75% 100%
}
100% {
background-position: 26% 0%
}
}
@-moz-keyframes keyframes {
0% {
background-position: 26% 0%
}
50% {
background-position: 75% 100%
}
100% {
background-position: 26% 0%
}
}
@-o-keyframes keyframes {
0% {
background-position: 26% 0%
}
50% {
background-position: 75% 100%
}
100% {
background-position: 26% 0%
}
}
@keyframes keyframes {
0% {
background-position: 26% 0%
}
50% {
background-position: 75% 100%
}
100% {
background-position: 26% 0%
}
}
.keyframes {
color: white;
background: linear-gradient(158deg, #f00, #ff005c, #ff00a0, #c0f, #7d00ff, #000aff, #00e0ff);
background-size: 1400% 1400%;
-webkit-animation: keyframes 6s ease infinite;
-moz-animation: keyframes 6s ease infinite;
-o-animation: keyframes 6s ease infinite;
animation: keyframes 6s ease infinite;
font-weight: 900;
border-top-left-radius: 46px;
border-bottom-right-radius: 46px;
}