Skip to content

Instantly share code, notes, and snippets.

@calvinmorett

calvinmorett/gradient background animation css

Created March 25, 2015 22:23
Show Gist options
  • Save calvinmorett/52b49aef3f4ba10cbb81 to your computer and use it in GitHub Desktop.
Save calvinmorett/52b49aef3f4ba10cbb81 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gradient background animation css
background: linear-gradient(326deg, #000000, #000000, #ffffff, #ffffff, #000000, #000000, #ffffff, #ffffff, #000000, #000000, #ffffff, #ffffff, #000000, #000000, #ffffff, #ffffff, #000000, #ffffff, #000000, #ffffff);
background-size: 4000% 4000%;
-webkit-animation: BKG 20s ease infinite;
-moz-animation: BKG 20s ease infinite;
-o-animation: BKG 20s ease infinite;
animation: BKG 20s ease infinite;
@-webkit-keyframes BKG {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes BKG {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-o-keyframes BKG {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes BKG {
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