Skip to content

Instantly share code, notes, and snippets.

View GradientAnimator's full-sized avatar

GradientAnimator GradientAnimator

25 followers · 0 following
View GitHub Profile
@GradientAnimator
GradientAnimator / AnimationName-1731710066251-637.css
Created November 15, 2024 22:34
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #daa3f9, #dbdbdb, #dabfff, #fe89ff);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 25%}
@GradientAnimator
GradientAnimator / AnimationName-1731709390154-17.css
Created November 15, 2024 22:24
CSS Gradient Animation
.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% }
@GradientAnimator
GradientAnimator / AnimationName-1731699129472-715.css
Created November 15, 2024 19:32
CSS Gradient Animation
.css-selector {
    background: linear-gradient(145deg, #295773, #c8d7e4, #7aac6c);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 28s ease infinite;
    -moz-animation: AnimationName 28s ease infinite;
    -o-animation: AnimationName 28s ease infinite;
    animation: AnimationName 28s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:15% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731699069265-762.css
Created November 15, 2024 19:31
CSS Gradient Animation
.css-selector {
    background: linear-gradient(145deg, #295773, #c8d7e4, #7aac6c);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 18s ease infinite;
    -moz-animation: AnimationName 18s ease infinite;
    -o-animation: AnimationName 18s ease infinite;
    animation: AnimationName 18s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:15% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731697358591-384.css
Created November 15, 2024 19:02
CSS Gradient Animation
.css-selector {
    background: linear-gradient(113deg, #295773, #c8d7e4);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:46% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731693949090-72.css
Created November 15, 2024 18:05
CSS Gradient Animation
.css-selector {
    background: linear-gradient(260deg, #ffffff, #990303);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 42s ease infinite;
    -moz-animation: AnimationName 42s ease infinite;
    -o-animation: AnimationName 42s ease infinite;
    animation: AnimationName 42s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:57% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731689840867-933.css
Created November 15, 2024 16:57
CSS Gradient Animation
.css-selector {
    background: linear-gradient(256deg, #fc8585, #ff0000);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 0s ease infinite;
    -moz-animation: AnimationName 0s ease infinite;
    -o-animation: AnimationName 0s ease infinite;
    animation: AnimationName 0s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:94% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731689735019-504.css
Created November 15, 2024 16:55
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #81d0bc, #000000);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 0s ease infinite;
    -moz-animation: AnimationName 0s ease infinite;
    -o-animation: AnimationName 0s ease infinite;
    animation: AnimationName 0s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
@GradientAnimator
GradientAnimator / AnimationName-1731677866490-717.css
Created November 15, 2024 13:37
CSS Gradient Animation
.css-selector {
    background: linear-gradient(134deg, #c2f2f2, #f2d5dd, #e8c4f2);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 7s ease infinite;
    -moz-animation: AnimationName 7s ease infinite;
    -o-animation: AnimationName 7s ease infinite;
    animation: AnimationName 7s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:5% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1731677018827-711.css
Created November 15, 2024 13:23
CSS Gradient Animation
.css-selector {
    background: linear-gradient(7deg, #176a55, #92f1b4);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 42s ease infinite;
    -moz-animation: AnimationName 42s ease infinite;
    -o-animation: AnimationName 42s ease infinite;
    animation: AnimationName 42s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 88%}