我正在尝试实现一个在边框上悬停时扩展的过渡悬停效果。
h1 {
color: #666;
}
h1:after {
position: absolute;
left: 10px;
content: '';
height: 40px;
width: 275px;
border-bottom: solid 3px #019fb6;
transition: left 250ms ease-in-out, right 250ms ease-in-out;
opacity: 0;
}
h1:hover:after {
opacity: 1;
}
<h1>CSS IS AWESOME</h1>
我已经在 Jsfiddle 上尝试过了。
scaleX(0.0001)
会出现一些伪影,但将其设置为scaleX(0)
似乎可以解决这个问题。 - Christiaan Maks