Anvendelse af vendor-præfikser til at oprette afrundede hjørner i LESS
Lad os lave en funktion, der vil afrunde hjørner på tværs af browsere:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Lad os bruge vores funktion:
div {
.radius(10px);
}
Kompileringsresultat:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
