.gradient-bg { background: linear-gradient(139deg, #191256, #6e0766, #9d2448); background-size: 600% 600%; -webkit-animation: MainSlider 9s ease infinite; -moz-animation: MainSlider 9s ease infinite; -o-animation: MainSlider 9s ease infinite; animation: MainSlider 9s ease infinite; } @-webkit-keyframes MainSlider { 0%{background-position:0% 50%} 50%{background-position:100% 51%} 100%{background-position:0% 50%} } @-moz-keyframes MainSlider { 0%{background-position:0% 50%} 50%{background-position:100% 51%} 100%{background-position:0% 50%} } @-o-keyframes MainSlider { 0%{background-position:0% 50%} 50%{background-position:100% 51%} 100%{background-position:0% 50%} } @keyframes MainSlider { 0%{background-position:0% 50%} 50%{background-position:100% 51%} 100%{background-position:0% 50%} }