woostercollective.com / Responsive Transition没有回应

时间:2012-02-02 15:59:19

标签: javascript jquery css3 responsive-design

我想知道http://www.woostercollective.com

当窗口大小被切换时,它们有一些很好的响应转换,似乎加载了jQuery - 但我无法弄清楚他们的调用和放大器是怎样的。使用每个div容器自定义它。你怎么去的地方很多?

使用加载的jQuery过渡,将它们附加到div,并使用min-widths中的媒体查询进行定义?

他们如何实现jQuery响应式转换?

另外 - 有点有趣,他们的网站实际上并没有在移动设备上做出回应(检查过iOs / andrdoid)也许他们错过了viewport meta或者这只是一个奇特的趋势?

1 个答案:

答案 0 :(得分:3)

他们正在使用Masonry插件

http://masonry.desandro.com/

转换是css转换,其中位置值是动画的。

例如(在webkit中):

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

当css“left”值改变时,会告诉元素在1秒的时间段内为“left”值设置动画,而不是立即跳转到该位置。