2015-07-03 80 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