Programowanie translate-animation

Efekt przejścia CSS sprawia, że obraz jest rozmyty / przesuwa obraz o 1 piksel w przeglądarce Chrome?

Mam trochę CSS, które po najechaniu myszą, efekt przejścia CSS przesunie div. Problem, jak widać na przykładzie, polega na tym, że translateprzejście ma okropny efekt uboczny polegający na tym, że obraz w elemencie div przesuwa się o 1 piksel w dół / w prawo (i może nawet nieznacznie zmienia rozmiar?), …

150 css image hover positioning translate-animation

Wydajność CSS w stosunku do translateZ (0)

Wiele blogów mówiło o tym, jak transform: translateZ(0)zwiększyć wydajność w „oszukiwaniu” GPU, aby sądzić, że dany element jest trójwymiarowy, poprzez przyspieszenie animacji i przejść. Zastanawiałem się, czy istnieją konsekwencje użycia tej transformacji w następujący sposób: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

96 performance css translate-animation

Pytania otagowane jako translate-animation