Html 设置：：之前和：：之后的动画

我搜索了

：：before

和

：：after

up，我知道HTML不是在伪元素内部呈现的。我在某个文本元素之前和之后都有一个Unicode字符（Ξ），我希望对它们进行动画处理，并且只对这些字符进行动画处理。在<代码>元素之前<代码>和<代码>：：之后插入HTML元素，或者只对这些元素设置动画，有什么技巧吗？或者我应该单独将它们插入代码并单独设置动画吗

我当前的代码：

.side div h2:：before{
内容：“Ξ”；
动画：旋转3s无限；
}
.侧h2：：后{
内容：“Ξ”；
动画：旋转3s无限；
}
@关键帧旋转{
0% {
变换：旋转（0度）；
}
50% {
变换：旋转（180度）；
}
100% {
变换：旋转（360度）；
}
}

航行

使用

显示：内联块

进行

变换：旋转

处理

：：在
之前和
：：在
之后：


div:：before，
div：：之后{
内容：“Ξ”；
显示：内联块；
动画：自旋1s无限线性；
}
@关键帧旋转{
从{
变换：旋转（-360度）；
}
}
TEST
您可以像平常一样设置动画elements@Daniel_Knights我试过了，但旋转（我打算做的）似乎不起作用。你能发布你的代码吗？将pseudo.transform的显示重置为内联块然后就可以了