🎈前言点赞 + 收藏 = 后期方便查找！先看看最终效果这个效果非常简单，只要看完实现原理应该就是有思路了。🎗️原理规定好容器尺寸设置渐变背景： background: linear-gradient(...) 自己设置角度和颜色吧设置背景尺寸比容器大几倍：background-size: 600% 600%;搞个循环动画，控制背景移动：background-position👊示例<!-- 容器 --> <div class="gradient"></div> <style> .gradient { /* 设置容器尺寸 - 原理1 */ width: 400px; height: 400px; /* 背景渐变色 - 原理2 */ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); /* 背景尺寸 - 原理3 */ background-size: 600% 600%; /* 循环动画 - 原理4 */ animation: gr…