Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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