Skip to content

Instantly share code, notes, and snippets.

@VincentVToscano
Last active May 9, 2020 00:01
Show Gist options
  • Save VincentVToscano/fe7d32d3b0673dc8031186f6eb91abf4 to your computer and use it in GitHub Desktop.
Save VincentVToscano/fe7d32d3b0673dc8031186f6eb91abf4 to your computer and use it in GitHub Desktop.
Moves shades of blue across an element of choice
background: linear-gradient(307deg, #153cdb, #006aff, #06348a);
background-size: 600% 600%;
-webkit-animation: blueTide 17s ease infinite;
-moz-animation: blueTide 17s ease infinite;
-o-animation: blueTide 17s ease infinite;
animation: blueTide 17s ease infinite;
@-webkit-keyframes blueTide {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes blueTide {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-o-keyframes blueTide {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes blueTide {
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