CSS - 伪类：转换之前和之后：

Question

我正在尝试为伪类:before和:after创建悬停过渡效果。我无法达到我希望的结果。

Please have a look at this example

这一切对我来说都是合乎逻辑的，但我很确定我错过了一点。过渡不起作用。

有什么建议吗？

Answer 1

似乎并非所有浏览器都支持此功能。看css-tricks.com

但是，在div中添加元素以获得所需的结果不应该很复杂。