Hewkick .base::after {
content: '';
position: absolute;
top: -8%;
left: -8%;
right: -8%;
bottom: -8%;
border-radius: 50%;
background: linear-gradient(
45deg,
#1E3A8A,
#3B82F6,
#06B6D4,
#22D3EE,
#67E8F9,
#22D3EE,
#06B6D4,
#3B82F6
);
background-size: 400% 400%;
z-index: 2;
pointer-events: none;
animation:
rotate 4s linear infinite reverse,
gradientFlow 3s ease-in-out infinite; /* 添加渐变动画 */
filter: drop-shadow(0 0 12px rgba(59, 130, 246, 0.8));
}
/* 渐变动画 */
@keyframes gradientFlow {
0%, 100% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
}
我看不懂(