動畫元素，當他們改變位置（響應佈局）

Question

這裏的codepen佈局：http://codepen.io/justdade/pen/hDzAv

我想要的「小」元素浮動‘#big’元素，而不是隻跳在那裏下。這可能只使用CSS，或者你可以給我這個想法，我應該如何使用JS/jQuery？

謝謝。

Answer 1

據我所知，你不能使用CSS來實現這一點 - 你將需要佈局元素，並使用JavaScript來改變它們的位置。

由於這將是一個乏味的任務，從頭開始編寫，我建議尋找這樣做的庫/插件。

退房在砌體插件：http://masonry.desandro.com/

Answer 2

看一看這樣的：http://css-tricks.com/animated-media-queries/，

您可以通過使用CSS的transition創造出比磚石插件（至少在Safari瀏覽器）是不太laggy動畫屬性