是否有 CSS 浮动 div 的动画环绕 window 调整大小？

Question

如果我有一系列带有 float: left 的 div，并且我调整了浏览器的大小使它们环绕，我可以只使用 CSS 动画（没有 JavaScript)?

Answer 1

您可以尝试使用 transistions，但我认为在您的示例中，没有 JS 是不可能的。

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;

Answer 2

不使用 JavaScript 那很可能是不...

CSS 过渡和动画依赖于元素的 CSS 属性变化。您在 window 调整大小时看到的换行行为不会更改元素的属性，因此您将无法在任何地方添加过渡。

即使使用 JavaScript，我怀疑创建您想要的效果是否微不足道，您可能需要查看 Masonry

这样的插件

Is there a CSS animation for a floating div that wraps on window resize?