Skip to content

Instantly share code, notes, and snippets.

@GradientAnimator

GradientAnimator/AnimationName-1611504399568-54.css

Created January 24, 2021 16:06
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/3901ac13403053cbc16671edf8b04b34 to your computer and use it in GitHub Desktop.
Save GradientAnimator/3901ac13403053cbc16671edf8b04b34 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Gradient Animation
Raw
AnimationName-1611504399568-54.css
.css-selector {
    fond: gradient linéaire ( 270deg , # c2c6dd, # c9d5ac, # eedf63);
    background-size:600% 600%;
    -webkit-animation: AnimationNom 53s facilité infinie;
    -moz-animation: AnimationNom 53s facilité infinie;
    -o-animation: AnimationNom 53s ease infinite;
    animation: AnimationNom 53s facilité infinie;
}
@ -webkit-keyframes AnimationName {
    0% {background-position: 0% 62% }
    50% {background-position: 100% 39% }
    100% {background-position: 0% 62% }
}
@ -moz-keyframes AnimationName {
    0% {background-position: 0% 62% }
    50% {background-position: 100% 39% }
    100% {background-position: 0% 62% }
}
@-o-keyframes AnimationName {0% 62%100% 39%0% 62%
    0%{background-position:0% 62%}100% 39%0% 62%
    50%{background-position:100% 39%}0% 62%
    100%{background-position:0% 62%}
}
@keyframes AnimationName {
    0% {background-position: 0% 62% }
    50% {background-position: 100% 39% }
    100% {background-position: 0% 62% }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment