Трансформация при помощи вендорных префиксов в LESS

Давайте сделаем функции, которые будут кроссбраузерно задавать трансфоромации:

.rotate(@r) {
	-moz-transform+_: rotate(@r);
	-webkit-transform+_: rotate(@r);
	transform+_: rotate(@r);
}
.skew(@s) {
	-moz-transform+_: skew(@s);
	-webkit-transform+_: skew(@s);
	transform+_: skew(@s);
}

Воспольуемся нашими функциями:

div {
	.rotate(10deg);
	.skew(10deg);
}

Результат компиляции:

div {
	-moz-transform: rotate(10deg) skew(10deg);
	-webkit-transform: rotate(10deg) skew(10deg);
	transform: rotate(10deg) skew(10deg);
}

← →

↑