Skip to content

Instantly share code, notes, and snippets.

Avatar

GradientAnimator GradientAnimator

View GitHub Profile
View AnimationName-1614397180016-611.css
.css-selector {
    fondo: gradiente lineal ( 267deg , # 0d3c9d, # 0e9cfd, # fd4f0e, # fd0e41);
    tamaño de fondo:800% 800%;
    -webkit-animation: AnimationName 10s facilidad infinita;
    -moz-animation: AnimationName 10s facilidad infinita;
    -o-animation: AnimationName 10s ease infinite;
    animación: AnimationName 10s facilidad infinita;
}
@ -webkit-keyframes AnimationName {
    0% {background-position: 0% 48% }
View AnimationName-1614397099806-857.css
.css-selector {
    background: linear-gradient(0deg, #0c2d3f, #48a75b);
    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:50% 0%}
View AnimationName-1614386779569-835.css
.css-selector {
    fondo: gradiente lineal ( 91 grados , # 0620f2, # f50606, # e5f506);
    tamaño de fondo:600% 600%;
    -webkit-animation: AnimationName 30s facilidad infinita;
    -moz-animation: AnimationName 30s facilidad infinita;
    -o-animation: AnimationName 30s facilidad infinita;
    animación: AnimationName 30s facilidad infinita;
}
@ -webkit-keyframes AnimationName {
    0% {background-position: 0% 50% }
View AnimationName-1614377814575-23.css
.css-selector {
    background: linear-gradient(270deg, #18e6b1, #313a37, #313a37);
    background-size: 600% 600%;
    -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% 50%}
View empaer-1614373958100-838.css
.css-selector {
    background: linear-gradient(19deg, #2ae4ff, #65a8e3, #616fcb, #5d45ba);
    background-size: 800% 800%;
    -webkit-animation: empaer 7s ease infinite;
    -moz-animation: empaer 7s ease infinite;
    -o-animation: empaer 7s ease infinite;
    animation: empaer 7s ease infinite;
}
@-webkit-keyframes empaer {
    0%{background-position:50% 0%}
View Animationcolor-1614365423967-847.css
.css-selector {
    background: linear-gradient(246deg, #db1568, #6daaf2, #32deac);
    background-size: 600% 600%;
    -webkit-animation: Animationcolor 30s ease infinite;
    -moz-animation: Animationcolor 30s ease infinite;
    -o-animation: Animationcolor 30s ease infinite;
    animation: Animationcolor 30s ease infinite;
}
@-webkit-keyframes Animationcolor {
    0%{background-position:0% 91%}
View AnimationName-1614365411331-428.css
.css-selector {
    background: linear-gradient(246deg, #db1568, #6daaf2, #32deac);
    background-size: 600% 600%;
    -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% 91%}
View MigglleGradient-1614364609526-59.css
.css-selector {
    background: linear-gradient(208deg, #4ea891, #82a84e, #c8a434, #d47e64);
    background-size: 800% 800%;
    -webkit-animation: MigglleGradient 12s ease infinite;
    -moz-animation: MigglleGradient 12s ease infinite;
    -o-animation: MigglleGradient 12s ease infinite;
    animation: MigglleGradient 12s ease infinite;
}
@-webkit-keyframes MigglleGradient {
    0%{background-position:32% 0%}
View AnimationName-1614363510673-100.css
.css-selector {
    background: linear-gradient(199deg, #3decbf, #ec3d3d);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 21s ease infinite;
    -moz-animation: AnimationName 21s ease infinite;
    -o-animation: AnimationName 21s ease infinite;
    animation: AnimationName 21s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:58% 0%}
View AnimationName-1614363489415-658.css
.css-selector {
    background: linear-gradient(112deg, #1b9072, #939531, #29d8c4);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 33s ease infinite;
    -moz-animation: AnimationName 33s ease infinite;
    -o-animation: AnimationName 33s ease infinite;
    animation: AnimationName 33s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:37% 0%}