CSS Gradient Animation
background: linear-gradient(320deg, #000000, #000000, #5785b8, #374a5f, #0e2b4d, #5785b8, #000000); | |
background-size: 1400% 1400%; | |
-webkit-animation: blvkGradientBG 45s ease infinite; | |
-moz-animation: blvkGradientBG 45s ease infinite; | |
-o-animation: blvkGradientBG 45s ease infinite; | |
animation: blvkGradientBG 45s ease infinite; | |
@-webkit-keyframes blvkGradientBG { | |
0%{background-position:11% 0%} | |
50%{background-position:90% 100%} | |
100%{background-position:11% 0%} | |
} | |
@-moz-keyframes blvkGradientBG { | |
0%{background-position:11% 0%} | |
50%{background-position:90% 100%} | |
100%{background-position:11% 0%} | |
} | |
@-o-keyframes blvkGradientBG { | |
0%{background-position:11% 0%} | |
50%{background-position:90% 100%} | |
100%{background-position:11% 0%} | |
} | |
@keyframes blvkGradientBG { | |
0%{background-position:11% 0%} | |
50%{background-position:90% 100%} | |
100%{background-position:11% 0%} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment