CSS-transions-Twitter'；s引导3

我想在css中添加过渡，以实现平滑的响应动作，但似乎无法实现。谁能启发我？我需要重写什么吗

    body{
    padding-top: 60px;
     transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

从这里开始阅读：

CSS3转换是让元素逐渐从一种样式更改为另一种样式的效果

因此，您必须定义样式更改

当指定的CSS属性更改值时，效果将开始。典型的CSS属性>更改是当用户将鼠标悬停在某个元素上时：

通常使用：悬停来触发更改。例如，您还可以使用媒体查询触发样式更改

因此，首先定义效果、持续时间等：

body{
     padding-top: 0px;//begin state, you don't have to declare this cause 0px is default

     transition:padding-top 2s linear; 
    -o-transition:padding-top 2s linear; 
    -moz-transition:padding-top 2s linear; 
    -webkit-transition:padding-top 2s linear;
}

注意：用衬垫顶部替换所有。使用“全部”将检查所有可能样式的更改，请参见：以获取它们的列表，这会占用不必要的计算时间

其次，定义样式更改：

@media screen and (max-width: 767px){
    body{
          padding-top: 200px;
    }
}

见：