Användning av vendor-prefix för att skapa rundade hörn i LESS
Låt oss skapa en funktion som kommer att rund av hörn på ett webbläsarkompatibelt sätt:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Låt oss använda vår funktion:
div {
.radius(10px);
}
Resultat av kompilering:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
