jquery/css : how to implement a wipe left animation on background-color of a div

Question

这是我的CSS

#Slide {
    background: none;
    height: 30px;
    width: 140px;
}
#Slide.Selected {
    background: #ff0;
}

我希望每当我向 #Slide 添加/删除类 Selected 时，背景颜色属性都会通过从左删除/从右删除来实现动画效果。通常，背景颜色只是出现然后消失。如果使用 css 类时这不可行，是否可以使用 jquery .animate() 函数？或者可能是 css3 transition 属性？

有什么建议吗

Answer 1

您无法使用 jQuery 或 CSS3 动画在背景颜色上执行删除动画。

要获得这种视觉效果，您有几个选择。您可以对位于现有元素后面的整个单独元素进行删除过渡，以模拟背景。或者，您可以使用所需颜色和大小的背景图像，并对背景位置进行动画处理以模拟删除。