Html 伪元素扩展了主元素。我可以设置主元素背景的动画吗？

是否有一种方法可以通过

转换设置背景动画

不幸的是，到

a

元素的

转换

不起作用

.gf lbtn{
背景色：#fdce03；
颜色：#ffffff；
字体大小：16px；
字号：1rem；
填充：16px；
填充：1rem；
&：悬停{
颜色：#ffffff；
文字装饰：无；
}
}
.gf lbtn图标动画{
位置：相对位置；
过渡：均为0.2s；
}
.gf lbtn图标已设置动画：之后{
内容：'\f178'；
字体系列：Fontsome；
左边距：16像素；
左边距：1 em；
位置：绝对位置；
右：16px；
右：1rem；
过渡：均为0.2s；
}
.gf lbtn图标已设置动画：悬停：之后{
位置：相对位置；
右：0px；
右：0rem；
}

---

你到底想做什么可能重复？“动画背景”可能意味着太多的事情，你要么试图转换伪元素的外观，而不是锚定-之前回答过。。。或者，如果要转换锚点，则需要将锚点的背景设置为另一个值。问题在于改变相对于绝对值的位置