Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS Gradient Animation
.css-selector {
    fondo: gradiente lineal ( 267deg , # 0d3c9d, # 0e9cfd, # fd4f0e, # fd0e41);
    tamaño de fondo:800% 800%;
    -webkit-animation: AnimationName 10s facilidad infinita;
    -moz-animation: AnimationName 10s facilidad infinita;
    -o-animation: AnimationName 10s ease infinite;
    animación: AnimationName 10s facilidad infinita;
}
@ -webkit-keyframes AnimationName {
    0% {background-position: 0% 48% }
    50% {background-position: 100% 53% }
    100% {background-position: 0% 48% }
}
@ -moz-keyframes AnimationName {
    0% {background-position: 0% 48% }
    50% {background-position: 100% 53% }
    100% {background-position: 0% 48% }
}
@-o-keyframes AnimationName {0% 48%100% 53%0% 48%
    0%{background-position:0% 48%}100% 53%0% 48%
    50%{background-position:100% 53%}0% 48%
    100%{background-position:0% 48%}
}
@keyframes AnimationName {
    0% {background-position: 0% 48% }
    50% {background-position: 100% 53% }
    100% {background-position: 0% 48% }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment