浮点重定位上的 CSS 过渡

CSS Transition on float relocation

本文关键字:CSS 过渡 定位      更新时间:2023-09-26

我正在使用这样的东西:http://jsfiddle.net/Hh2Ht/

如您所见,我有一组宽度相同但高度不同的浮点div。但是,容器具有百分比宽度,并且作为贡献,当更改其大小时,浮动div会更改其位置。

我希望这种位置变化是动画的,使用 css 过渡。我可以通过绝对定位来做到这一点,一点点 javascript 来计算定位并将过渡效果绑定到顶部和左侧 propierties,但由于我想精确地模拟 floatdivs 的行为,因此在没有绝对定位的情况下这样做会很好。

你认为这可能吗?提前谢谢你。

我真的不确定是否可以像您用纯 CSS 描述的那样重新定位块。这主要是因为一些块必须在 DOM 中移动到不同的位置,这在 CSS 中是不可能的。

你试过使用同位素插件吗?查看他们的网站,也许这就是您要找的。