woostercollective.com/Transition sensible ne répond pas

Question

Je me demande http://www.woostercollective.com

Ils ont de belles transitions sensibles qui se produit lorsque la taille de la fenêtre est basculée, semble être chargé avec jQuery - mais je ne peux pas comprendre comment leur appel & en le personnalisant avec chaque conteneur div. Comment allez-vous beaucoup où ils vont?

À l'aide des transitions jQuery chargées, les joindre aux divs et définir avec les requêtes média dans min-widths? Comment implémentent-ils leurs transitions jQuery responsive?

Aussi - sorte d'intéressant, leur site ne répond pas réellement dans les mobiles (Vérifié sur iOs/andrdoid) Peut-être leur manque viewport meta ou est-ce juste une tendance de fantaisie?

Answer 1

Ils utilisent le plugin Maçonnerie

http://masonry.desandro.com/ 

Les transitions sont des transitions où les valeurs css de position sont animées.

Par exemple (WebKit):

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

Lorsque la css valeur « gauche » changements, l'élément est dit d'animer la valeur « gauche » sur une timeperiod de 1 seconde, au lieu de simplement immédiatement sauter à cette position.