2013-04-27 29 views
14

Bazen belirli bir metinde CSS3 ile geçiş olur. Bunun nedenini bilmiyorum ve bu yüzden jsfiddle'da aynı şeyi yeniden oluşturamıyorum. animasyon ve iz süre sonra kaldırılırsa iseCSS3 geçişi bir iz bırakır

Ama burada 4 slayt (5 halkalı bir) bakabilirsiniz,

http://jashwant.github.io/kickass-slider/

Serin metin bir iz bırakır. Ancak diğer metinler hiçbir iz bırakmadan tamamdır. Sorunu bulamıyorum.

Nasıl bu iz önleyebilirsiniz ?

dip not (I son linux krom 26.0.1410.63 kullanıyorum) Animasyon için jquery-transit kullanıyorum.

resimde Cool bakınız.

enter image description here

GÜNCELLEME: hata giderilene kadar

Here's more detailed answer

+0

Bu, muhtemelen Chrome'da bir hatadır. Benzer davranışı 27.0.1453.65 beta-m olarak görüyorum. Muhtemelen azaltılmış bir test durumu oluşturmalı ve bir hata yapmalısınız. – Charles

+0

ancak bir test durumunda aynı şeyi üretemiyorum. – Jashwant

+0

Chrome Sürüm 26.0.1410.63 ile Linux'ta – regretoverflow

cevap

22

Sen hareketli yapabilir donanım hızlandırmalı Chrome'da nesneleri. Basitçe kaydırıcı nesnelerin tanımına hattını

-webkit-transform: translate3d(0,0,0); 

ekleyin (:

.slider > li > .object { 

Benim testte, ben bunu eklendi). Bu benim için düzeltildi.

+0

hiçbir açıklama ve sizin dışında hiçbir çözüm görmek. Sana ödül verdim. Sen çözüm çalışıyor. – Jashwant

+3

Ben de bu '-webkit-transform: translateZ (0) 'a rastladım ama jangxx örneğinden farklı bir şey olup olmadığını takip etmedim. –

+0

Bu benim için de bir sorun çözüldü ... Bu güzel bir düzeltme! Teşekkürler jangxx! – AdityaSaxena