Skip to content

Instantly share code, notes, and snippets.

@blvkoblsk

blvkoblsk/CSS GRADIENT (Reference)

Last active August 1, 2017 10:48
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 blvkoblsk/7e482d22bffec606efb1d2399b4d55b9 to your computer and use it in GitHub Desktop.
Save blvkoblsk/7e482d22bffec606efb1d2399b4d55b9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS GRADIENT (Reference)
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