LESSにおける角丸作成のためのベンダープレフィックスの適用
クロスブラウザで角丸を適用する関数を作成してみましょう:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
作成した関数を使用してみます:
div {
.radius(10px);
}
コンパイル結果:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}