Need help with adding an animated gradient background code

Design help Custom code
3

Hi, Sarah.

Sorry, but I can’t get this to work. Could you give me some help? This is my code:

<style>

background: linear-gradient(270deg, #15ca9b, #46c9d7, #c18bf5);
background-size: 600% 600%;

.gradient {
-webkit-animation: backgroundfade 30s ease infinite;
-moz-animation: backgroundfade 30s ease infinite;
animation: backgroundfade 30s ease infinite;
}

@-webkit-keyframes backgroundfade {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes backgroundfade {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes backgroundfade { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
</style>

https://preview.webflow.com/preview/pedro-pellicano-s-supercool-site?preview=32a0486cf7ecf6fc6b180a0457a751db

Thanks! :slight_smile: