css - 如何在媒体查询更改时制作动画？

Question

我正在为一个元素使用 foundation 5，我根本找不到任何关于如何在媒体查询的变化上做漂亮动画的文章(例如，如果你调整窗口大小，布局改变，网站很好回流) 看这里的例子，有些人这样做:

http://www.andremaurice.it/it/lookbook-woman

如果您将此页面的大小调整为 ipad 纵向大小，您可以看到 block 非常漂亮地回流到它们的新位置。我应该如何在使用 foundation 5 构建的站点上执行此操作有什么想法吗？

谢谢你的回答

Answer 1

终于找到答案了

.columns{-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}