响应式布局延迟？

Question

我想知道你如何在响应式设计中创造“延迟”？

我的意思是，以网站awwwards.com为例。当您减小浏览器的宽度时，网站会有一点延迟响应。

我想象代码是这样的：

html, body {transition: all 0.2s ease-in-out;}

但显然它不是（......或者是它？！）

只想在我自己的网站Blue Harlequin

上应用此效果

Answer 1

它确实有transition: width 0.3s linear 0s;，但它位于wrapper div。

Answer 2

将-webkit-transition: width 0.3s linear;添加到您的.w css类中，如下所示

CSS：

.w {
    width: 960px;
    margin: 0 auto;
   -webkit-transition: width 0.3s linear;
   }

因为.w是所有元素的容器，所以添加到该类的转换将使布局符合您的预期。