css背景渐变动态,css3制作的背景渐变动画效果

实现效果

实现代码

html

Pure CSS Animated Gradient Background

Download Source

Visit my Website

with by Manuel Pinto

css3

body {

background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

background-size: 400% 400%;

animation: gradient 15s ease infinite;

}

@keyframes gradient {

0% {

background-position: 0% 50%;

}

50% {

background-position: 100% 50%;

}

100% {

background-position: 0% 50%;

}

}

以上就是css3实现的加载动画效果的详细内容，更多关于css3 加载动画的资料请关注脚本之家其它相关文章！