使用CSS3在列表调整大小期间动画列表项目重新定位

时间:2014-03-04 21:18:46

标签: javascript jquery html5 css3 css-transitions

我最近对HTML5 UI设计/开发感兴趣

我正在开展一个小项目,我正试图在(ul)的大小发生变化时动画重新定位我的列表项目(li)......

每次持有列表的容器改变其大小时,这些列表项向左浮动并以网格方式溢出,列表项仅重新排序以填充可用空间。(默认情况下会发生这种情况)。

我的问题是如何应用CSS3,使得过渡动画在变化过程中启动,使每个元素都漂亮地滑入其新位置。

这是我正在处理的用户界面。 plunkr code

任何帮助将不胜感激

0 个答案:

没有答案