CSS3：是否可以在元素懸停時暫停OTHER元素的動畫？

我想用CSS做一個傳送帶。我到了我有一個圖像滑塊的位置，每個圖像鏈接到另一個頁面。它看起來不錯，但我想添加控件。我已經在圖像滑塊下創建了「按鈕」，並且讓它們的動畫與滑塊同步點亮（第1個圖像滑入時第1個按鈕點亮等）。有沒有什麼辦法可以讓每個按鈕的功能都是通過創建懸停聲明來暫停其他按鈕的動畫以及滑塊？我想更重要的是，我可以創建一個單擊語句，使圖像滑塊跳到其動畫中的相應位置？CSS3：是否可以在元素懸停時暫停OTHER元素的動畫？

來源

2014-09-23 Bronze Giraffe

簡短的回答是：沒有。這不可能。

你在找什麼不存在：你需要一個：有 - 選擇器。

<div id="container"> 
    <span id="content">content</span> 
    <span>id="button">button</span> 
</div> 

<!-- non-functional css --> 
#container:has(#button:hover) > #content 
{ 
    background-color:red; <!-- or: stop animation --> 
}

在有選擇器確實存在是JQuery的（http://api.jquery.com/has-selector/），並可能在將來的CSS版本中實現。它懸停未包含在css3中。它似乎包含在css4中： http://dev.w3.org/csswg/selectors/#has-pseudo

來源

2014-09-23 07:18:44 realbart

@Roko C Buljan：謝謝你的建議。我改變了鏈接，並從簡短的答案開始：NO。即使是沒有選擇器。 – realbart 2014-09-23 07:28:06

CSS3：是否可以在元素懸停時暫停OTHER元素的動畫？

回答

相關問題