Tuesday, October 4
Shadow

CSS Gradient Animation

.css-selector {
    background: linear-gradient(303deg, #fb5607, #ff006e, #8338ec, #3a86ff, #31cb00);
    background-size: 1000% 1000%;
    -webkit-animation: mentor-animation 9s ease infinite;
    -moz-animation: mentor-animation 9s ease infinite;
    -o-animation: mentor-animation 9s ease infinite;
    animation: mentor-animation 9s ease infinite;
}
@-webkit-keyframes mentor-animation {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}
@-moz-keyframes mentor-animation {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}
@-o-keyframes mentor-animation {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}
@keyframes mentor-animation {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}

Leave a Reply