修改Ant Design骨架加载器渐变色彩后动画失效问题求助

直接替换background属性会覆盖原样式里动画依赖的background-size、background-position等属性，这就是动画停掉的原因。给你两种可行的解决方式：

方式一：仅修改渐变颜色（推荐） #

只覆盖background-image而不是整个background，保留原有的动画相关属性：

.ant-skeleton-content .ant-skeleton-title {
  background-image: linear-gradient(90deg, #f5f5f5 25%, #e8e8e8 37%, #f5f5f5 63%) !important;
}

这里的颜色可以换成你需要的浅灰色调，比如#f5f5f5、#e8e8e8这类更浅的灰度值。

方式二：完全自定义背景并手动恢复动画 #

如果需要完全重写background，记得把原动画需要的属性补回来：

.ant-skeleton-content .ant-skeleton-title {
  background: linear-gradient(90deg, #f5f5f5 25%, #e8e8e8 37%, #f5f5f5 63%) !important;
  background-size: 200% 100% !important;
  animation: ant-skeleton-loading 1.6s linear infinite !important;
}

ant-skeleton-loading是Ant Design内置的动画关键帧，直接复用就能恢复流动效果。

内容的提问来源于stack exchange，提问作者SSR