html - LESS css“转换”语法 | 使用 LESS css 即时缩放？

Question

预处理器LESS中css“转换”属性的正确语法是什么？例如，以下内容会引发错误：

.transform(scale(1.1)) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @trasnform;
    -o-transform: @transform;
    transform: @transform; 

}

错误：未定义变量“transform”。如果变换不适用于在较少的 css 中进行缩放，是否有替代方案？

http://less2css.org/

编辑：更改了标题，并提出了一个相关的、更相关的问题：

如何仅使用较少的 CSS 和悬停来指定即时缩放？

Answer 1

该@transform变量从未定义：

.transform(@transform) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @transform; /* note that you have @trasnform here */
    -o-transform: @transform;
    transform: @transform; 

}

.foo {
  .transform(scale(1.1));
}