Анимация divs, когда другие исчезают

У меня есть макет divs, который все «чист», как в списке. Я использую функцию jQuery, встроенную в функцию fadeOut, чтобы заставить их исчезнуть через определенное время. Все это отлично работает. Дивы исчезают по одному за раз, начиная с вершины. jQuery использует для затухания непрозрачности и, наконец, отображение: none для «fadeOut» div. Когда верхний div окончательно исчезает (для отображения: нет), под ним под ним все поднимаются вверх, но они вскакивают вверх. Мне было интересно, есть ли способ сделать это плавным (слайд) переход? TIAАнимация divs, когда другие исчезают

источник

2014-12-06 Ntc

Я не уверен, что ваш конкретный вариант использования, но вы должны проверить http://greensock.com/, и особенно посмотреть учебник/демо-версию часового пояса - http://greensock.com/position-parameter – LouisK

Возможно, вы можете сделать свою анимацию перед настройкой дисплея: none для вас ваш предыдущий div. Установите первую непрозрачность div на 0, переместите второй div в позицию div кулака с помощью setInterval или setTimeout, затем скройте свой первый div с отображением: none ... затем промойте и повторите.

источник

2014-12-06 18:48:01

Спасибо за идею. Я как бы осуществил это. В итоге я просто сделал две последовательные анимации с помощью CSS. Увядаем сначала с непрозрачностью, а затем уменьшаем размер до 0. Вид логики «идти, идти, уходить». – Ntc

Анимация divs, когда другие исчезают

ответ

Смежные вопросы