浮点重定位上的 CSS 过渡
CSS Transition on float relocation
我正在使用这样的东西:http://jsfiddle.net/Hh2Ht/
如您所见,我有一组宽度相同但高度不同的浮点div。但是,容器具有百分比宽度,并且作为贡献,当更改其大小时,浮动div会更改其位置。
我希望这种位置变化是动画的,使用 css 过渡。我可以通过绝对定位来做到这一点,一点点 javascript 来计算定位并将过渡效果绑定到顶部和左侧 propierties,但由于我想精确地模拟 floatdivs 的行为,因此在没有绝对定位的情况下这样做会很好。
你认为这可能吗?提前谢谢你。
我真的不确定是否可以像您用纯 CSS 描述的那样重新定位块。这主要是因为一些块必须在 DOM 中移动到不同的位置,这在 CSS 中是不可能的。
你试过使用同位素插件吗?查看他们的网站,也许这就是您要找的。
相关文章:
- 使用 Modernizr 对 CSS 过渡进行填充
- Javascript获取元素CSS过渡阶段
- CSS 过渡不适用于上、下、左、右
- 淡入,然后使用css过渡淡出一段时间
- CSS 过渡不起作用
- 让 jquery 和 css 过渡效果协同工作
- 绑定到特定的 CSS 过渡
- 暂时禁用CSS过渡效果的最干净方法是什么
- 尝试使用 JavaScript 触发 CSS 过渡
- CSS 过渡背景图像淡入,但不动画大小
- 如何在发生多个过渡时检测“特定”元素上的 CSS 过渡的结束
- 使用 JavaScript 的 CSS 过渡
- 浮点重定位上的 CSS 过渡
- JavaScript 手风琴与 css 过渡
- 在触摸移动时触发时 CSS 过渡不一致
- 点击时的 CSS 过渡
- CSS 过渡:在“高度”样式属性的内联样式之间设置动画
- 如何使我的 CSS 过渡更流畅/在不同的浏览器上工作
- CSS / JavaScript过渡:如果图像快速更改,我的CSS过渡不适用于图库
- 跨浏览器的 CSS 过渡