jquery - 是否可以制作:before fade using jquery?

Question

所以我有一个纯粹风格的 div，带有 :before 位于图像下方，CSS 如下所示:

.the-image-div {
    width: 100px;
    height: 100px;
    box-shadow: inset 0px 0px 3px white;
    border: 1px gray solid;
    position: relative;
    z-index: 3;
}

.image-stack {
    width: 100px;
    height: 100px;
    background: white;
    border: 1px solid gray;
    position: relative;
    top:3px;
    left: 3px;
    z-index: 2;
}

.image-stack:before {
    content: " ";
    width: 100px;
    height: 100px;
    background: white;
    border: 1px solid gray;
    box-shadow: inset 0px 0px 1px white;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
}

如果 jquery 不仅可以选择图像堆栈，还可以单独选择 :before ，那就太好了。目标是在图像堆栈本身之后几毫秒内使其褪色。有想法吗？

Answer 1

JavaScript 无法与伪元素交互。相反，我会将 :before 应用于随后添加到元素的类，然后使用 CSS 过渡使其淡入。