我想知道http://www.woostercollective.com
当窗口大小被切换时,它们有一些很好的响应转换,似乎加载了jQuery - 但我无法弄清楚他们的调用和放大器是怎样的。使用每个div容器自定义它。你怎么去的地方很多?
使用加载的jQuery过渡,将它们附加到div,并使用min-widths
中的媒体查询进行定义?
他们如何实现jQuery响应式转换?
另外 - 有点有趣,他们的网站实际上并没有在移动设备上做出回应(检查过iOs / andrdoid)也许他们错过了viewport meta
或者这只是一个奇特的趋势?
答案 0 :(得分:3)
他们正在使用Masonry插件
http://masonry.desandro.com/
转换是css转换,其中位置值是动画的。
例如(在webkit中):
-webkit-transition-property: left;
-webkit-transition-duration: 1s;
当css“left”值改变时,会告诉元素在1秒的时间段内为“left”值设置动画,而不是立即跳转到该位置。