在重新定位时为html元素设置动画

时间:2013-01-26 01:18:38

标签: javascript html css html5 flexbox

我希望有一个包装器div,其中包含任意数量的子div作为盒子。它们应该从左上角的第一个开始排列,沿着屏幕向下移动直到不再适合它创建一个新列。如果窗口调整大小或框的内容发生变化,我真的希望盒子能够恢复到新的位置。

我似乎无法为此flexbox设置动画,因为我并没有真正使用该标准正确使用:/没有属性正在改变所以我无法添加CSS转换。我按照以下答案说: How to have a smooth repositioning of child elements when resizing a container? 但麻烦的是,一旦其中一个盒子被设置为绝对,它就会失去它在flexbox顺序中的位置,而其余的盒子会重新排列到它们不应该的位置。

我觉得除了flexbox之外的解决方案会更好,但经过几天的观察,我似乎无法找到任何东西。我是否可以使用任何一种解决方案来实现位于动画行中的子元素?

0 个答案:

没有答案