Skip to content

Instantly share code, notes, and snippets.

@Nikolasgrizli

Nikolasgrizli/Background gradient animation

Created June 5, 2017 12:35
Show Gist options
  • Save Nikolasgrizli/8ad0fc5e2fc8ba1a722e4b811dc030bf to your computer and use it in GitHub Desktop.
Save Nikolasgrizli/8ad0fc5e2fc8ba1a722e4b811dc030bf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Background gradient animation
background: linear-gradient(49deg, #070707, #5a615f, #4fddb4, #44f0be);
background-size: 800% 800%;
-webkit-animation: AnimationName 16s ease infinite;
-moz-animation: AnimationName 16s ease infinite;
-o-animation: AnimationName 16s ease infinite;
animation: AnimationName 16s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@-moz-keyframes AnimationName {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@-o-keyframes AnimationName {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@keyframes AnimationName {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment