newloreco reacted to
tuanphan in Animated gradient / smooth background transition help
You mean first section or whole homepage? Use this code for first section, if you want for whole page, let me know, I will adjust the code
[data-section-id="64f61a81a2bc902dfede8a62"] .section-background-content {
opacity: 0;
}
[data-section-id="64f61a81a2bc902dfede8a62"] .section-background {
background: linear-gradient(274deg, #fdff70, #b3c3cf, #8e7faf);
background-size: 600% 600%;
-webkit-animation: AnimationName 23s ease infinite;
-moz-animation: AnimationName 23s ease infinite;
-o-animation: AnimationName 23s ease infinite;
animation: AnimationName 23s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:42% 0%}
50%{background-position:59% 100%}
100%{background-position:42% 0%}
}
@-moz-keyframes AnimationName {
0%{background-position:42% 0%}
50%{background-position:59% 100%}
100%{background-position:42% 0%}
}
@-o-keyframes AnimationName {
0%{background-position:42% 0%}
50%{background-position:59% 100%}
100%{background-position:42% 0%}
}
@keyframes AnimationName {
0%{background-position:42% 0%}
50%{background-position:59% 100%}
100%{background-position:42% 0%}
}
}