前端之家收集整理的这篇文章主要介绍了
javascript – 如何防止CSS伪元素在动画过程中消失?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的(简化)情况:
http://jsfiddle.net/qFhaq/
单击该按钮可启动一个动画,可扩展div的高度.当div正在扩展时,:after伪元素(包含文本’look’)消失,然后在动画结束时重新出现.
有没有办法防止伪元素消失,以便它在整个动画中可见?
将“溢出”CSS规则
添加到#main并将其设置为“visible!important;”
#main{
width: 200px;
height: 200px;
background-color: #eee;
border: 1px solid black;
overflow:visible !important;
}
原文链接:https://www.f2er.com/js/154073.html