html - CSS - 伪类 :before and :after transitions

标签 html css

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

Please have a look at this example .

这一切对我来说似乎都是合乎逻辑的,但我很确定我漏掉了一点。过渡只是行不通。

有什么建议吗?

最佳答案

好像不是所有的浏览器都支持这个。看css-tricks.com

但是,在您的 div 中添加一个元素以获得所需的结果并不复杂。

关于html - CSS - 伪类 :before and :after transitions,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14789941/

相关文章:

javascript - 基于文本字段、Javascript 从下拉列表中删除和添加字段

css - 如何在一个多行换行句子中的每一行添加水平填充?

javascript - 为下拉菜单应用背景图像在 IE 上不起作用

css - 如何在 ruby​​ on rails 中显示背景图片

html - 如何在translateY后去掉div下面的空白

java - :selected pseudoclass style not applied to cell

javascript - 未捕获错误 : Syntax error, jQuery 升级后无法识别的表达式

html - 淡入和脉冲文本,暂停,然后循环淡出 CSS3 关键帧?

javascript - 如何根据我单击的位置开始在文本区域中键入内容?

html - 如何在 HTML(CSS) 中显示 XML 数据(列表)