«translate-animation» etiketlenmiş sorular

Fareyle üzerine gelindiğinde, bir CSS geçiş efekti bir div taşıyacak bazı CSS var. Örnekte görebileceğiniz gibi sorun, translategeçişin div içindeki görüntüyü 1px aşağı / sağa (ve muhtemelen çok küçük bir boyutta yeniden boyutlandırmak?) Yapmak için korkunç bir yan etkiye sahip olmasıdır. odak dışı... Aksaklık, vurgulu efektin uygulandığı süre boyunca geçerli …

150 css  image  hover  positioning  translate-animation 

Bir dizi blog, transform: translateZ(0)animasyonları ve geçişleri hızlandırmak için GPU'yu bir öğenin 3D olduğunu düşünmek için 'kandırmanın' performans kazancını ifade etti . Bu dönüşümü aşağıdaki şekilde kullanmanın çıkarımları olup olmadığını merak ediyordum: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

96 performance  css  translate-animation