2013-04-09 30 views
11

Hoạt ảnh CSS của tôi tuyên bố một số animation-play-state: paused trên div:hover. Vấn đề là (ít nhất là trong Chrome), hoạt ảnh bị giật/nhảy khi lơ lửng phần tử.Hoạt ảnh CSS3 bị giật/nhảy sau khi bị tạm dừng

Đây là một jsFiddle: http://jsfiddle.net/AHqLE/

Có ai có kinh nghiệm này không?

+6

vâng tôi cũng gặp vấn đề tương tự - nó xuất hiện để nhanh chóng quay trở lại trạng thái mặc định của nó, sau đó tiếp tục chọn hoạt ảnh nơi nó bị tắt – Ryan

+0

Đó là lỗi đã biết, tôi nghĩ - nhìn thấy tương tự Chrome 30.0.1599.69, nơi trạng thái bắt đầu nhấp nháy trước khi hoạt ảnh tiếp tục. Bạn không cô đơn! – Terry

+0

Tôi nhìn vào fiddle của bạn và chơi một chút với nó. Đối với tôi mọi thứ diễn ra suôn sẻ. Tôi đang dùng kubuntu với chromium 25.0.1364.160, JavaScript \t V8 3.15.11.16 – luksch

Trả lời

0

tôi có thể xác nhận rằng này hiện đang làm việc trong phiên bản Chrome mới nhất (Phiên bản 31.0.1650.63)

Một lưu ý bổ sung cho vấn đề này: Tôi tin rằng tôi đã giải quyết nó (vào thời điểm đó) bằng cách sử dụng giá trị như top/bottom trái ngược với các giá trị translateY

0

Thử thêm -webkit-transform: translateZ(0); hoặc -webkit-transform: translate3d(0,0,0); để buộc tăng tốc phần cứng. Tôi thêm điều này vào bất kỳ chuyển tiếp hoặc hoạt ảnh nào tôi sử dụng để Chrome không để lại các đường nhỏ.

Các vấn đề liên quan