Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View GradientAnimator's full-sized avatar

GradientAnimator GradientAnimator

23 followers · 0 following
View GitHub Profile
@GradientAnimator
GradientAnimator / AnimationName-1713872897340-329.css
Created April 23, 2024 11:48
CSS Gradient Animation
.css-selector {
    background: linear-gradient(238deg, #b01414, #00d5e4);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 16s ease infinite;
    -moz-animation: AnimationName 16s ease infinite;
    -o-animation: AnimationName 16s ease infinite;
    animation: AnimationName 16s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:93% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1713869870506-700.css
Created April 23, 2024 10:57
CSS Gradient Animation
.css-selector {
    background: linear-gradient(233deg, #ff2400, #f7efee, #f9897b);
    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:23% 0%}
@GradientAnimator
GradientAnimator / AnimationName-1713868307057-912.css
Created April 23, 2024 10:31
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #85c50f, #0f6bc5);
    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:0% 50%}
@GradientAnimator
GradientAnimator / AnimationName-1713868119361-372.css
Created April 23, 2024 10:28
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #961515, #e6d7b3, #d26545);
    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%}
@GradientAnimator
GradientAnimator / AnimationName-1713866549460-935.css
Created April 23, 2024 10:02
CSS Gradient Animation
.css-selector {
    background: linear-gradient(28deg, #fa0000, #0109d4, #fcfcfc);
    background-size: 600% 600%;
    -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-1713866177669-229.css
Created April 23, 2024 09:56
CSS Gradient Animation
.css-селектор { фон: линейно-градиентный (270deg, #21d5a7, #486960, #37c59e, #0c201a, #0cffb6, #00563c, #000000); размер фона: 1400% 1400%; -webkit-анимация: AnimationName 59s
-moz-анимация: название анимации 59 секунд
    -o-animation: AnimationName 59s ease infinite;
анимация: AnimationName 59 секунд
@-webkit-ключевые кадры AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%}0% 50%
@-moz-ключевые кадры AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%}0% 50%
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
@GradientAnimator
GradientAnimator / AnimationName-1713860539525-163.css
Created April 23, 2024 08:22
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #10c5ee, #1e68e3);
    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:0% 50%}
@GradientAnimator
GradientAnimator / AnimationName-1713855727301-244.css
Created April 23, 2024 07:02
CSS Gradient Animation
.css-selector {
фон: линейный градиент (162градус, #b2f016, #ffab00); background-size: 400% 400%;
-webkit-animation: AnimationName 29s ease бесконечно;
-moz-animation: AnimationName (ИмяАнимации) 29 сек. ease бесконечен;
-o-animation: AnimationName 29s ease бесконечно;
animation: AnimationName (ИмяАнимации) 29 сек. ease бесконечен;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 91%}
    50%{background-position:100% 10%}
@GradientAnimator
GradientAnimator / AnimationName-1713854199707-611.css
Created April 23, 2024 06:36
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #244466, #4d83bc);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 36s ease infinite;
    -moz-animation: AnimationName 36s ease infinite;
    -o-animation: AnimationName 36s ease infinite;
    animation: AnimationName 36s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
@GradientAnimator
GradientAnimator / AnimationName-1713831837829-956.css
Created April 23, 2024 00:23
CSS Gradient Animation
.css-selector {
    background: linear-gradient(270deg, #246655, #000000);
    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:0% 50%}