问题描述写一个简单的页面时使用scaleX + 伪元素做一个扩展动画,发现收缩时动画底部有残留相关代码@transition-function: cubic-bezier(.4, 0, .2, 1);a:before {
position: absolute;
content: '';
height: 2px;
background-color: rgba(30, 144, 255, 1.0);
transition: 200ms @transition-function;
transform: scaleX(0);
width: 100%;
bottom: 0px;
top: auto;}a:hover {
&:before {
transform: scaleX(1);
}}情况截图Chrome 71.0.3569.0Windows 10 1809(17763.1)
添加回答
举报
0/150
提交
取消