CSS Gradient Animation
| .css-selector { | |
| background: linear-gradient(246deg, #db1568, #6daaf2, #32deac); | |
| background-size: 600% 600%; | |
| -webkit-animation: Animationcolor 30s ease infinite; | |
| -moz-animation: Animationcolor 30s ease infinite; | |
| -o-animation: Animationcolor 30s ease infinite; | |
| animation: Animationcolor 30s ease infinite; | |
| } | |
| @-webkit-keyframes Animationcolor { | |
| 0%{background-position:0% 91%} | |
| 50%{background-position:100% 10%} | |
| 100%{background-position:0% 91%} | |
| } | |
| @-moz-keyframes Animationcolor { | |
| 0%{background-position:0% 91%} | |
| 50%{background-position:100% 10%} | |
| 100%{background-position:0% 91%} | |
| } | |
| @-o-keyframes Animationcolor { | |
| 0%{background-position:0% 91%} | |
| 50%{background-position:100% 10%} | |
| 100%{background-position:0% 91%} | |
| } | |
| @keyframes Animationcolor { | |
| 0%{background-position:0% 91%} | |
| 50%{background-position:100% 10%} | |
| 100%{background-position:0% 91%} | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment