css css渐变动画测试

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css css渐变动画测试相关的知识，希望对你有一定的参考价值。

background: linear-gradient(139deg, #54d7b5, #2854c3, #a428c3);
background-size: 600% 600%;
-webkit-animation: cssgradientanimatortest 8s ease infinite;
-moz-animation: cssgradientanimatortest 8s ease infinite;
-o-animation: cssgradientanimatortest 8s ease infinite;
animation: cssgradientanimatortest 8s ease infinite;
@-webkit-keyframes cssgradientanimatortest {
    0%{background-position:0% 22%}
    50%{background-position:100% 79%}
    100%{background-position:0% 22%}
}
@-moz-keyframes cssgradientanimatortest {
    0%{background-position:0% 22%}
    50%{background-position:100% 79%}
    100%{background-position:0% 22%}
}
@-o-keyframes cssgradientanimatortest {
    0%{background-position:0% 22%}
    50%{background-position:100% 79%}
    100%{background-position:0% 22%}
}
@keyframes cssgradientanimatortest {
    0%{background-position:0% 22%}
    50%{background-position:100% 79%}
    100%{background-position:0% 22%}
}

以上是关于css css渐变动画测试的主要内容，如果未能解决你的问题，请参考以下文章