#footer_wrapper footer {
position: relative;
width: 100%;
height: 330px;
padding-top: 50px;
background: #0a9c46;
background: linear-gradient(88deg, #f28c00, #0a9c46);
background-size: 400% 400%;
-webkit-animation: footer-bg 15s ease infinite;
-moz-animation: footer-bg 15s ease infinite;
animation: footer-bg 15s ease infinite;
}@-webkit-keyframes footer-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
渐变背景动画CSS技巧
本文介绍了一种使用纯CSS实现动态渐变背景效果的方法。通过设置关键帧动画,使得背景颜色能够平滑过渡,增强了网站的视觉体验。适用于网页设计爱好者及前端开发者。
3097

被折叠的 条评论
为什么被折叠?



