Div süpürdü bittiğinde, CSS geçiş efekti div taşır.

Sorun, gördüğünüz gibi örnekte, bu 'tercüme' geçiş vardır korkunç yan etki yapma görüntüdeki div taşıma 1px Aşağı/Sağ (ve muhtemelen yeniden boyutlandırmak hiç bu kadar biraz?) görünen odak dışında yer ve..

Glitch gibi uygulamak her zaman hover efekti uygulanan bir işlem deneme yanılma yapabileceğim güvenli bir şekilde söylediği gibi meydana geldiğinde, translate geçiş hamle div (kutu gölge ve donukluk da uygulanan ama fark etmez bu hata ne zaman kaldırıldı).

2. EDİT: Aslında sorun çözülmüş DEĞİL!

Sorunu göstermek için bir JSFiddle oluştururken ilginç bir gözlem rast geldim. Sorun sadece sayfa kaydırma çubukları var olur. Yani div yalnızca bir örneği ile örnek olan, ince ama aynı divs eklenir ve sayfa bu nedenle sorun yine iş başında bir kaydırma çubuğu... gerektirir

Bir fikir?!

Bu çalıştıCSS?

.yourDivClass {
    /* ... */

    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

Bu ne bölünme davranmaya yapar. "daha fazla 2D".

• Arka yüzey seçimi Döndür şeyler saygısız izin vermek için varsayılan olarak çizilir ve böyle. Eğer sadece hareket halinde ihtiyacımız olan Sol, Sağ, Yukarı, Aşağı, Ölçekleme veya döndürme (karşı)saat yönünde yok.
• Z ekseni her zaman sıfır değeri çevirmek.