Created
June 19, 2021 03:44
-
-
Save GradientAnimator/ee147cf98ba18938aaa5c4ecc750a1f1 to your computer and use it in GitHub Desktop.
CSS Gradient Animation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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: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