Skip to content

Instantly share code, notes, and snippets.

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/ee147cf98ba18938aaa5c4ecc750a1f1 to your computer and use it in GitHub Desktop.
Save GradientAnimator/ee147cf98ba18938aaa5c4ecc750a1f1 to your computer and use it in GitHub Desktop.
CSS Gradient Animation
.css-selector {
    背景:線形グラデーション(270度、#7fb2ee、#134867、#077d74、#55d5cc);
    背景サイズ:800%800%;
    -webkit-アニメーション:AnimationName 30s無限の緩和。
    -moz-アニメーション:AnimationName 30s無限の緩和。
    -o-animation: AnimationName 30s ease infinite;
    アニメーション:AnimationName 30sやすさの無限。
}
@ -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:050%}100% 50%0% 50%
    50%{background-position:10050%}0% 50%
    100%{background-position:050%}
}
@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