CSS Gradient Animation

hero-home-1715186838113-378.css

.header {
  background: linear-gradient(127deg, rgba(16,16,14,1), rgba(47,14,201,1), rgb(193 47 55), rgba(82,12,51,1), rgb(27 160 159));
    background-size: 250% 500%;
    -webkit-animation: hero-home 30s ease infinite;
    -moz-animation: hero-home 30s ease infinite;
    -o-animation: hero-home 30s ease infinite;
    animation: hero-home 30s ease infinite;
}
@-webkit-keyframes hero-home {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes hero-home {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes hero-home {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes hero-home {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}