2015-07-03 81 views
0

我正在为导航链接设置动画,并在悬停时扩展它们。像这样:CSS悬停变换将我的元素移出悬浮点

nav#nav a:hover 
    color coal 
    transform scale(1.64) 
    transform-origin center -109% 

这将导致从光标下搬出元素,扭转效应,导致它移回,重做悬停,停留在这个丑陋的循环。

如何保持悬停效果?

+0

请小提琴来演示这个问题。 –

回答

1

没有实际的代码,我只能给出一个概念性的答案:

你能不能把那个是不改变大小和悬停应用到一个div中动画的项目?因此,您将鼠标悬停在div上可以激活内部对象,但即使内部对象发生更改,鼠标仍然悬停在div上,div也不会移动。

+0

谢谢,尼克。如果我使用JavaScript,这将工作。我使用纯CSS。谢谢,是的,我想尽快解决这个问题。我会尝试获取一些演示代码。 – Costa

+1

即使使用纯CSS,你也可以这样做吗?如果你的包装是“.wrap”,你可以.wrap:悬停{颜色:煤;变换比例(1.64)变换原点中心-109%}? – Quintile