woostercollective.com / Адаптивный переход не отвечает

Question

Мне интересно, о http://www.woostercollective.com

У них есть несколько приятных адаптивных переходов, которые происходят при переключении размера окна, кажется, загружаются с помощью jQuery - но я не могу понять, как ихвызывая и настраивая его с каждым контейнером div.Как вам много, куда они идут?

Использование загруженных переходов jQuery, присоединение их к элементам div и определение с помощью медиазапросов в min-widths?

Как они реализуютих переходы, реагирующие на jQuery?

Кроме того, довольно интересно, что их сайт на самом деле не отвечает на мобильных устройствах (проверено на iOs / andrdoid) Может быть, им не хватает их viewport meta или это просто модная тенденция

Answer 1

Они используют плагин Masonry

http://masonry.desandro.com/

Переходы - это переходы CSS, где значения положения анимированы.

Например (в webkit):

-webkit-transition-property: left;
-webkit-transition-duration: 1s;

Когда значение css "left" изменяется, элементу предписывается анимировать значение "left" в течение периода времени 1 секунда, вместо того, чтобы просто сразу перейти к этой позиции.