NeoCoil

Gradient background animation

by RevConcept

CSS

body {
    position: relative;
    background: linear-gradient(135deg, rgba(223,99,55,1) 0%,rgba(201,111,59,1) 27%,rgba(75,81,113,1) 55%,rgba(51,65,102,1) 75%,rgba(0,2,53,1) 100%);
    overflow: hidden;
    background-size: 200% 100% !important;
    -webkit-animation: move 10s ease infinite;
    animation: move 10s ease infinite;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0
    }
    50% {
        background-position: 100% 0
    }
    100% {
        background-position: 0 0
    }
}