Skip to content

Instantly share code, notes, and snippets.

@ddrscott

ddrscott/gradient-rotate.css

Created December 31, 2014 18:56
Show Gist options
  • Save ddrscott/8f1e3e6c4e0c06fd9243 to your computer and use it in GitHub Desktop.
Save ddrscott/8f1e3e6c4e0c06fd9243 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gradient-rotate.css
background: linear-gradient(38deg, #20bc94, #757eba, #804598);
background-size: 600% 600%;
-webkit-animation: gradient-rotate 29s ease infinite;
-moz-animation: gradient-rotate 29s ease infinite;
-o-animation: gradient-rotate 29s ease infinite;
animation: gradient-rotate 29s ease infinite;
@-webkit-keyframes gradient-rotate {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes gradient-rotate {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-o-keyframes gradient-rotate {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes gradient-rotate {
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