響應式佈局延遲？

Question

我想知道如何在響應式設計中創建「延遲」？

我的意思是，以awwwards.com爲例。當你減小瀏覽器的寬度時，網站有一點延遲來響應。

我的想象中的代碼是這樣的：

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

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

只是想申請我自己的網站是這種效果Blue Harlequin

Answer 1

添加-webkit-transition: width 0.3s linear;您.w CSS類這樣

CSS：

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

因爲.W是爲所有的元素，因此添加過渡到該類將使佈局容器你的期望如何。

Answer 2

它確實有transition: width 0.3s linear 0s;但它在wrapper div。