Javascript 在向div添加/删除背景图像时应用动画类型

我正在Vue.js上构建应用程序，作为应用程序的一部分，通过js将背景图像应用到contaniner。现在我想在动态更改背景图像的同时应用一种动画，同时清除背景图像

在更改图像时，我可以应用转换，但在清除值时不工作

const ele=document.getElementsByClassName（'container'）[0]；
函数更改（）{
ele.style.backgroundImage='url(https://unsplash.it/1925/950?image=1005)';
}
函数change2（）{
ele.style.backgroundImage='url(https://unsplash.it/1925/950?image=1006)';
}
函数change3（）{
ele.style.backgroundImage='url(https://unsplash.it/1925/950?image=1004)';
}
函数重置（）{
ele.style.backgroundImage='none'；
}

按钮{
背景色：#4CAF50；/*绿色*/
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
}
.重置{
背景色：#f44336；
}
.集装箱{
宽度：700px；
高度：300px；
背景色：透明；
背景图像：url（'https://unsplash.it/1925/950?image=1003');
背景重复：重复；
背景尺寸：封面；
}
陈先生{
过渡时间：1s；
过渡性质：背景；
过渡时间函数：线性；
过渡延迟：0.5s；
}

改变
变化2
变化3
重置

您应该避免

后台附件：已修复

，因为它会导致滚动jank-更不用说它在iOS上被完全忽略了。相反，添加一个单独的固定位置的

标记，并使用JS为动画添加一个类

onload

。根据我的要求，我应该添加背景附件：fixed。我无法避免。避免内联CSS，您可以通过添加类轻松完成。这是否回答了您的问题@subbu如果

后台附件：固定的

是一个硬要求，那么管理您的项目的人都不知道他们在做什么。您应该避免

后台附件：固定的

，因为它会导致滚动jank-更不用说它在iOS上被完全忽略了。相反，添加一个单独的固定位置的

标记，并使用JS为动画添加一个类

onload

。根据我的要求，我应该添加背景附件：fixed。我无法避免。避免内联CSS，您可以通过添加类轻松完成。这是否回答了您的问题@subbu如果

背景附件：fixed

是一项硬要求，那么管理您的项目的任何人都不知道他们在做什么。