Skip to content

Instantly share code, notes, and snippets.

@blvkoblsk
Last active August 1, 2017 10:48
Show Gist options
  • Save blvkoblsk/7e482d22bffec606efb1d2399b4d55b9 to your computer and use it in GitHub Desktop.
Save blvkoblsk/7e482d22bffec606efb1d2399b4d55b9 to your computer and use it in GitHub Desktop.
background: linear-gradient(255deg, #000000, #0e1b47, #7a0087, #b938c6);
background-size: 800% 800%;
-webkit-animation: lucfr-gradient 23s ease infinite;
-moz-animation: lucfr-gradient 23s ease infinite;
-o-animation: lucfr-gradient 23s ease infinite;
animation: lucfr-gradient 23s ease infinite;
@-webkit-keyframes lucfr-gradient {
0%{background-position:56% 0%}
50%{background-position:45% 100%}
100%{background-position:56% 0%}
}
@-moz-keyframes lucfr-gradient {
0%{background-position:56% 0%}
50%{background-position:45% 100%}
100%{background-position:56% 0%}
}
@-o-keyframes lucfr-gradient {
0%{background-position:56% 0%}
50%{background-position:45% 100%}
100%{background-position:56% 0%}
}
@keyframes lucfr-gradient {
0%{background-position:56% 0%}
50%{background-position:45% 100%}
100%{background-position:56% 0%}
}
/ * CSS GRAD ANIMATOR - https://www.gradient-animator.com */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment