Почему на некоторых фотографиях Google chrome отображает hover с задержкой?

Question

[lavezzi1]

На некоторых фотографиях (источник другой, ссылка то есть) chrome отображает hover с задержкой. Пример ниже:

Answer 1

[lavezzi1]

Решение:

Добавить к родительскому элементу
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;
-webkit-backface-visibility:hidden;

Answer 2

[Алексей Уколов]

Это как-то связано с transition на .caption. При его отключении все работает как нужно. Но вот в чем конкретно причина пока сообразить не могу.

Comments

[lavezzi1]

Может как то можно по другому сверстать подобное?

[lavezzi1]

Алексей Уколов понял, что transition криво работает только в первом столбце картинок

[Алексей Уколов]

А у меня наоборот - первый столбец работает так, как нужно, а все остальные - нет.

[lavezzi1]

Алексей Уколов: если z-index отключить, то у некоторых повляется, а некоторых нет. То есть в моем случае в первом столбце будет ховер появляться, а у тебв на всех остальных кроме первого.