Toepassing van vendor prefixes voor het maken van afgeronde hoeken in LESS
Laten we een functie maken die cross-browser hoeken afrondt:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Laten we onze functie gebruiken:
div {
.radius(10px);
}
Resultaat van compilatie:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}