css-animations

0熱度

4回答

=== UPDATE === 如果我從模板中刪除the style="display: none;和下面推薦應用以下方法，當你點擊任何其他名單上的空集裝箱火災項目。還有什麼可以做的？我有一個是在運行時動態使用jQuery和JSON（使用嵌入式HTML是一個模板）創建的UL列表。當用戶點擊列表項目（#navItem）時，我需要改變背景CSS樣式。我已經嘗試了月球下的所有內容，我可以從內聯類中想到.

11熱度

10回答

CSS3過渡搞亂webkit中的字體？

自從我添加了一個css過渡（第一個是懸停，第二個是動畫），它似乎弄亂了我的字體，他們看起來'不同'。這是完全離奇，我已經看了幾個小時，無法找到任何東西，也不是我能弄清楚到底爲什麼發生。這似乎是在Firefox不錯，但Safari和Chrome上有問題。 http://www.simplerweb.co.uk 一切都在底部左邊的擋下面的動畫似乎看起來像一個打火機字體粗細和導航菜單似乎看起來是一樣

47熱度

3回答

CSS動畫屬性保持動畫後

我想獲得一個CSS動畫屬性留完後，這可能嗎？這就是我想要達到... 元素應該被隱藏時，頁面上的用戶土地3秒（或其他）之後，就應該淡出，一旦該動畫完成它應該呆在那裏。這裏是一個小提琴嘗試... http://jsfiddle.net/GZx6F/ 這裏是保存代碼... <h2>Test</h2> <style> @keyframes fadeIn { 0% { opa

6熱度

4回答

我可以使用：懸停觸發即使鼠標不再徘徊時也能繼續運行的CSS3動畫（或轉換）

我創建一個鏈接列表，其中一個鏈接容器在其懸停時展開（包含詳細信息，圖像和說明）。我沒有問題使用css轉換或動畫對它進行動畫處理。問題是，即使在鼠標移開後我仍希望它保持展開狀態。我想這樣做沒有JavaScript。這可能嗎？謝謝！

0熱度

1回答

如何標記-webkit-transform-origin的位置？

我正在使用CSS3創建CSS動畫。我正在使用rotateX旋轉圖像。我想以某種方式標記原點的位置，以便我可以準確地看到旋轉點的位置。我該如何標記-webkit-transform-origin的位置？我接受任何解決方案，CSS或JavaScript。

6熱度

2回答

twitchyСSS3動畫

我有無限的css3動畫問題。動畫結束後，它慢一點。動畫定時功能：線性; 所以出了點問題。幫我找出問題所在，請問解決方案在哪裏。測試用例僅在webkit中有效。測試用例1（箱尺寸動畫）： http://jsfiddle.net/F2UuU/1/ 測試用例2（背景大小動畫）： http://jsfiddle.net/Nm4wM/6/

1熱度

1回答

在CSS動畫中使用縮放比例

我正在嘗試使用CSS3動畫來放大div。但是，我想保留div的頂部。所以我只想要div的底部擴大。我該怎麼做呢？

37熱度

7回答

頁面加載的第一個「焦點」事件Safari抖動/跳躍（bug？）

我目前正在對付Safari上非常令人沮喪的錯誤，而且我不確定在哪裏可以轉向。看來最元素（但不是全部，我不能辨別的差異化因素），將觸發focus事件會導致被轉移或動畫的網頁上的所有元素跳到〜2px的頂端離開。這隻發生在頁面加載後的第一個焦點事件中。看到這個bug有點煩人，因爲它在droplr.com的登錄部分，而且我已經完全無法在JSFiddle上提煉出一個更簡單的案例。如果您有/創建一個帳戶

1熱度

1回答

可以通過css動畫獲取-moz-animation的簡寫嗎？

我知道CSS動畫有-webkit動畫的簡寫： div { -webkit-animation-name: example; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-iteration-cou

1熱度

3回答

可憐的CSS背景動畫

所以我一直一個簡單的啓動頁今天工作的應用我的工作我希望把移動背景（視差式的）使用一些CSS動畫如下所示 http://css-tricks.com/parallax-background-css3/ 我通過webkit的animate函數這裏使用關鍵幀中配置背景位置移動是一個示例 #BigWrapper{ -webkit-animation-name: MOVE; tra