在更改位置时动画元素(响应式布局)

时间:2013-03-13 08:53:27

标签: css animation responsive-design positioning

这是布局的代码集:http://codepen.io/justdade/pen/hDzAv

我希望“.small”元素在“#big”元素下浮动,而不是只跳到那里。这可能只使用CSS,或者你能告诉我如何使用JS / jQuery创建它?

谢谢。

2 个答案:

答案 0 :(得分:1)

据我所知,你无法单独使用css实现这一点 - 你需要使用javascript来布局元素并改变它们的位置。

由于从头开始编写这将是一项繁琐的工作,我建议您查看为您执行此操作的库/插件。

查看位于http://masonry.desandro.com/

的砌体插件

答案 1 :(得分:0)

看看这个:http://css-tricks.com/animated-media-queries/

使用css的transition属性

,您可以创建比砌体插件更少延迟(至少在safari上)的动画