Skip to content

Instantly share code, notes, and snippets.

@GradientAnimator

GradientAnimator/AnimationName-1614386779569-835.css

Created February 27, 2021 00:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save GradientAnimator/eb11a0fb1a4c45cbd4a46cd30f08baa9 to your computer and use it in GitHub Desktop.
Save GradientAnimator/eb11a0fb1a4c45cbd4a46cd30f08baa9 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Gradient Animation
Raw
AnimationName-1614386779569-835.css
.css-selector {
    fondo: gradiente lineal ( 91 grados , # 0620f2, # f50606, # e5f506);
    tamaño de fondo:600% 600%;
    -webkit-animation: AnimationName 30s facilidad infinita;
    -moz-animation: AnimationName 30s facilidad infinita;
    -o-animation: AnimationName 30s facilidad infinita;
    animación: AnimationName 30s facilidad infinita;
}
@ -webkit-keyframes AnimationName {
    0% {background-position: 0% 50% }
    50% {background-position: 100% 50% }
    100% {background-position: 0% 50% }
}
@ -moz-keyframes AnimationName {
    0% {background-position: 0% 50% }
    50% {background-position: 100% 50% }
    100% {background-position: 0% 50% }
}
@-o-keyframes AnimationName {0% 50%100% 50%0% 50%
    0%{background-position:0% 50%}100% 50%0% 50%
    50%{background-position:100% 50%}0% 50%
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0% {background-position: 0% 50% }
    50% {background-position: 100% 50% }
    100% {background-position: 0% 50% }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment