jquery - 是否可以使用 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 过渡使其淡入。