本文为小伙伴们带来了关于css3制作背景渐变动画效果教程,感兴趣的小伙伴一起来看看吧。
Pure CSS Animated Gradient Background
with by Manuel Pinto
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制作背景渐变动画效果教程的全部内容了,感兴趣的小伙伴记得点击关注哦。