Как исправить данные поведения изображений?

Question

[Gagatyn]

Здравствуйте, вот код. Как исправить, при наведение курсором на одну картинку, поддергивание/искажение/смещение других картинок? Когда картинка возвращается по дефолту, то и другие картинки визуально восстанавливаются.

Answer 1

[Larisa Moroz]

Добавьте в стили контейнера:

-webkit-backface-visibility: hidden;
  transform: translate3d(0px,0px,0px);

И для img transition: all 1s linear; тоже вынесите из яваскрипта в стили.

Вот, всё пучком: https://jsfiddle.net/lmoroz/o07u85yy/

Comments

[Gagatyn]

Larisa Moroz вроде стало лучше, первый раз, правда, заметно. Типа разрешение меняется на других картинках.

[Larisa Moroz]

Это известный баг webkit-движка