最近看见很多网站都使用上了渐变动画,我也来分享一个,纯css3实现一款简单的网页渐变背景动画特效,可以在css属性里修改成你喜欢的渐变颜色值和动画时间。
/* 动态渐变特效*/
body {
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
background-size: 400% 400%;
animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
0% {background-position: 0 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0 50%;}
}
@-moz-keyframes Gradient {
0% {background-position: 0 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0 50%;}
}
@keyframes Gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
最新评论
是这样的,运营商大力推ipv6,但是I...
感谢分享!
写的很详细具体,学习到了,多谢博主的分...
/vhs/kangle/ext/tpl...
“有一些东西,用过不久就遗忘了,等在使...
gita一样也有这个功能,插件也和gi...