Javascript fadeIn（）转换

我有一段代码，可以在一定延迟后切换图像的不透明度：

$(".pattern-overlay").css("background","black").delay(2000).queue(function() {
    $(this).css("background", "rgba(0, 0, 0, 0.4)").dequeue();
});

---

如何使转换看起来平滑，而不是直接切换颜色？

您可以在Jquery中使用带超时的隐藏函数。您可以签出此页面，以便通过动画隐藏DOM元素。
示例代码：

$("#yourElementId").hide("slow");

---

下面是一个使用

animate（）

的工作示例：

$（“.pattern overlay”）.css（“背景”、“黑色”）.delay（2000）.动画({
不透明度：0.4，
}, 1000);
。图案覆盖{
宽度：200px；
高度：200px；
}

使用
.animate（）
我如何在我的代码上实现它？为什么不将addClass（）与css转换一起使用？或者只是过渡？对不起，div完全消失了