簡體 English 中英

暫停后CSS3動畫口吃/跳躍

[英]CSS3 animation stutters/jumps after being paused

原文 2013-04-09 22:23:04 3 2 css/ css3/ css-animations

我的CSS動畫聲明了一個animation-play-state: paused在div:hover上animation-play-state: paused 。 問題是（至少在Chrome中），當懸停元素時，動畫會斷斷續續/跳躍。

這是一個jsFiddle： http ： //jsfiddle.net/AHqLE/

有沒有人經歷過這個？

嘗試添加-webkit-transform: translateZ(0); 或-webkit-transform: translate3d(0,0,0); 強制硬件加速。 我將此添加到我使用的任何過渡或動畫中，以便Chrome不會留下痕跡。

我可以確認這現在適用於最新的Chrome版本（版本31.0.1650.63）

關於這個問題的另一個注意事項：我相信我通過使用top/bottom值而不是translateY值來解決它（當時）

[英]CSS transition stutters after being applied to element with CSS animation

[英]CSS animation stutters in Chrome

[英]CSS3 animation: How to animate to from paused position to reset position?

[英]CSS Animation Stutters/Shakes in Chrome

[英]CSS3 Progress bar jumps

[英]css3 :hover wont work after animation

[英]JavaScript display none after CSS3 animation

[英]CSS3 Increment Text After Animation Complete

[英]Restart CSS3 animation after it's stopped

[英]css3 animation not always working after onLoad

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 使用CSS動畫應用於元素后，CSS過渡斷斷續續 Chrome 中的 CSS 動畫卡頓 CSS3 動畫：如何動畫從暫停位置到重置位置？ Chrome中的CSS動畫斷斷續續/抖動 CSS3進度欄跳轉 css3：動畫后懸停不起作用 CSS3動畫后JavaScript不顯示 CSS3 在 Animation 完成后增加文本停止后重新啟動CSS3動畫 css3動畫在onLoad之后並不總是有效

相關標簽