Skip to content

Instantly share code, notes, and snippets.

@unixfy
Created April 7, 2017 19:05
Show Gist options
  • Save unixfy/683bc017724bf4ff7cf7c57d1f163ea6 to your computer and use it in GitHub Desktop.
Save unixfy/683bc017724bf4ff7cf7c57d1f163ea6 to your computer and use it in GitHub Desktop.
Nice gradient background for x2c0.net
background: linear-gradient(45deg, #f44336, #e91e63, #9c27b0, #673ab7, #3f51b5, #2196f3, #03a9f4, #00bcd4, #009688, #4caf50, #8bc34a, #afb42b, #ff8f00, #ef6c00, #ff5722, #795548, #795548, #9e9e9e, #607d8b);
background-size: 3800% 3800%;
-webkit-animation: x2c0-gradient-bg 60s ease infinite;
-moz-animation: x2c0-gradient-bg 60s ease infinite;
-o-animation: x2c0-gradient-bg 60s ease infinite;
animation: x2c0-gradient-bg 60s ease infinite;
@-webkit-keyframes x2c0-gradient-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes x2c0-gradient-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-o-keyframes x2c0-gradient-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes x2c0-gradient-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment