less 常見css3效果編寫

一、過渡

.transition(@prop: background, @time: .3s, @ease: ease) {
-webkit-transition: @prop @time @ease;
-moz-transition: @prop @time @ease;
-ms-transition: @prop @time @ease;
-o-transition: @prop @time @ease;
transition: @prop @time @ease;
}

使用舉例：

nav{

  li{

    a{

      .transition(background, .3s, ease)

      }

   }

}