Gradient BG

Gradient Text

Gradient Background

#d600ff

#fdf800

#F2793F

#F9CE4B

#96F259

#01f1ff

DurationSeconds

Direction

CSS Output

.animated-gradient {
      animation: gMotion 14s linear infinite;
      background-image: linear-gradient(90deg,#d600ff,#fdf800,#F2793F,#F9CE4B,#96F259,#01f1ff,#d600ff,#fdf800);
      background-size: 700% 100%;
    }
    @keyframes gMotion {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 0%; }
}