伪：在动态背景图像之前

Question

如果在其他地方被问过，请原谅我。我不知道我不知道什么来产生有效的搜索结果。

这个想法是，根据用户输入，div被分配.flipped类，它的背景图像被旋转180度。 div本身不能旋转。是否可以根据当前背景图像的实际元素动态设置伪元素中的背景图像？

我将实际的图像旋转设置得很好：

.flipped:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    background-image: url('../../images/cards/back.png');
    background-size: contain;
    transform: rotate(180deg);
}

如果我手动设置如上所示的背景图像，效果很好，但这对我的应用程序不起作用。

提前谢谢。