是否可以使用jquery进行淡入淡出之前？

Question

所以我有一个纯粹的风格div：a之前坐在图像下面，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不仅选择图像堆栈而且选择：单独之前，这将是一件好事。目标是在图像堆栈本身之后的几毫秒内淡化它。想法？

Answer 1

JavaScript无法与伪元素交互。我会改为：在应用于之后添加到元素的类之前，然后使用CSS过渡使其淡入。