Skip to content

Instantly share code, notes, and snippets.

@flanger001
Last active May 25, 2018 19:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flanger001/bb90ff9db626f0c66b2ba15f18154764 to your computer and use it in GitHub Desktop.
Save flanger001/bb90ff9db626f0c66b2ba15f18154764 to your computer and use it in GitHub Desktop.
$animation: MoveBG 100s ease infinite;
body {
background: linear-gradient(240deg,#a24bcf,#4b79cf,#4bc5cf);
background-size: 400% 400%;
-webkit-animation: $animation;
-moz-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
@-webkit-keyframes MoveBG {
0%{background-position:0% 92%}
50%{background-position:100% 9%}
100%{background-position:0% 92%}
}
@-moz-keyframes MoveBG {
0%{background-position:0% 92%}
50%{background-position:100% 9%}
100%{background-position:0% 92%}
}
@-o-keyframes MoveBG {
0%{background-position:0% 92%}
50%{background-position:100% 9%}
100%{background-position:0% 92%}
}
@keyframes MoveBG {
0%{background-position:0% 92%}
50%{background-position:100% 9%}
100%{background-position:0% 92%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment