Слайд слева толкает все к следующему ряду

Question

У меня есть эффект слайда слева для некоторых элементов, которые выводятся на экран через равные промежутки времени.Идея состоит в том, что каждый из этих элементов перемещается влево, поэтому кажется, что поток идет слева направо.

Проблема в том, что эффект сдвига влево выталкивает все в ряд под ним, пока не завершит анимацию.Он работал нормально, когда переход был постепенным. Вот ссылка на тестовую страницу.Просто нажмите «Pinterest» на целевой странице, и вы увидите проблему.

Answer 1

Я видел, что анимация использует временный элемент с классом .ui-effects-wrapper, но этот класс не определен ни в одном файле CSS. В то же время временный элемент использует встроенные стили. В тезисах я нашел стиль Float: none, поэтому анимация выталкивает все под него.

Итак, чтобы решить проблему; объявите в своем CSS-файле класс с именем .ui-effects-wrapper с правилом float: left.

.ui-effects-wrapper {
    float: left !important
}

!important запрещает встроенным стилям переопределять .ui-effects-wrapper определенные правила. Это решает проблему. В качестве комментария я заметил, что анимация не была плавной после того, как было получено много картинок.