Трансформация при помощи вендорных префиксов в 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); }