Css 为什么“变换：比例”未保持启用：悬停？

我正在使用这个CSS：

.link{
转换：所有.2易入易出；
}
.link:悬停{
转换：比例（1.1）；
}

当我悬停文本时，它会按预期缩放到110%，但一旦转换完成，它会缩放回100%，即使鼠标指针仍在文本上

当我从文本中移除鼠标指针时，动画将缩放到110%，然后在一瞬间恢复到100%

请参见演示

---

如何使其保持110%的比例，直到指针离开文本？

您需要将链接定义为

display:inline block

，并添加前缀。 CSS:

您能使用Jquery吗

$(".link").hover(function(){ ... }); 

或许

$(".link").mouseover(function(){ ... });

---

注：这是在铬上的行为。我刚刚在IE11中测试了它，它似乎工作得很好。使用jQuery来解决这样一个简单的问题太过分了。

display:inline block

确实是解决方案。谢谢

$(".link").mouseover(function(){ ... });