我在Microsoft Edge中遇到了一个问题。当鼠标悬停在
<div>
上时,它会执行transform: scale(1.5);
和transition: transform 1s;
。但是,如果您将光标移动到div上,等待1秒钟,然后快速移出并再次快速移回div,则div的缩放会破裂,转换效果会消失。是否有任何方法可以解决此问题?这里是fiddle。
div {
background-color: green;
transition: transform 1s;
height: 100px;
width: 100px;
}
div:hover {
transform: scale(1.5);
}
<div></div>