没有响应

Question

我想知道woostercollective.com /响应过渡有关http://www.woostercollective.com

他们时，窗口大小切换时出现一些不错的响应转变，似乎装载jQuery的 - 但我无法弄清楚如何他们呼吁&定制它与每个div容器。你如何去很多地方？

使用jQuery的负载转换，它们连接到的div，并在min-widths与媒体查询定义？

他们是如何实施他们的jQuery响应的转变？

另外 - 有趣的是，他们的网站实际上并没有响应移动（检查iOs/andrdoid）也许他们错过了viewport meta或者这只是一个奇特的趋势？

Answer 1

他们正在使用的砌体插件

http://masonry.desandro.com/ 

的转变是在位置值动画CSS过渡。

例如（WebKit中）：

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

当CSS“左”值改变时，元件被告知超过1秒的TIMEPERIOD动画“左”的值，而不是仅仅立即跳跃到那个位置。