less 常见css3效果编写

1、过渡

.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)

      }

   }

}