Created
November 15, 2024 22:24
-
-
Save GradientAnimator/16b2c9289b718294108e93072ad382c3 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
| .seletor-css { | |
| fundo: gradiente linear ( 290 graus , #b006ff, #5700d0); | |
| tamanho-de-fundo:400% 400%; | |
| -webkit-animation: AnimaçãoNome 6s facilidade infinita; | |
| -moz-animation: Nome da animação facilidade 6s | |
| -o-animation: Nome da animação facilidade 6s | |
| animação: Nome da animação facilidade 6s infinita; | |
| } | |
| @-webkit-keyframes Nome da animação { | |
| 0%{posição-de-fundo: 62% 0% } | |
| 50%{posição-de-fundo: 39% 100% } | |
| 100%{posição-de-fundo: 62% 0% } | |
| } | |
| @-moz-keyframes Nome da animação { | |
| 0%{posição-de-fundo: 62% 0% } | |
| 50%{posição-de-fundo: 39% 100% } | |
| 100%{posição-de-fundo: 62% 0% } | |
| } | |
| @-o-keyframes Nome da animação { | |
| 0%{posição-de-fundo: 62% 0% } | |
| 50%{posição-de-fundo: 39% 100% } | |
| 100%{posição-de-fundo: 62% 0% } | |
| } | |
| @keyframes Nome da animação { | |
| 0%{posição-de-fundo: 62% 0% } | |
| 50%{posição-de-fundo: 39% 100% } | |
| 100%{posição-de-fundo: 62% 0% } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment