动画引导容器类的延迟动画

Question

我在我的网站上使用bootstrap框架，内容包含在Lion

中

当屏幕调整大小，cols，margin等变化时，这会有一些断点。

我想延迟这个突破点，但不知道如何去做。因此，当边缘从一种尺寸变为另一种尺寸时，内容不仅会跳到新的尺寸，而且会激活到它中。

Answer 1

尝试将类似于以下CSS的内容添加到容器元素中：

transition: all 0.5s ease-in-out;

Answer 2

这里有一个可以使用的CSS示例：

-webkit-transition:width 1000ms ease-in-out;
-moz-transition:width 1000ms ease-in-out;
-o-transition:width 1000ms ease-in-out;
transition:width 1000ms ease-in-out;

基本上它的作用是，当属性＆＃34;宽度＆＃34;更改指定缓慢启动和1秒结束的过渡效果。

JSFiddle举个例子。你必须将鼠标悬停在红色DIV上才能看到效果。

More information关于此CSS属性。