LESS中的径向梯度混合不起作用?

时间:2011-09-28 02:26:16

标签: css gradient less mixins radial

如果你比较熟悉,你能帮我解决这个问题吗? 我正在创建一个径向梯度mixin,只是为了快速测试案例。 但两者都不起作用?

.radialGradient(@posX:center @posY:center, @shape:circle @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@arguments);
}

.radialGradient(@posX:center @posY:center, @shape:circle @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}

原因?

谢谢!


啊!我想通了。 我忘了在参数中添加“,”。

.radialGradient(@posX:center, @posY:center, @shape:circle, @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}

这是正确的方法。

2 个答案:

答案 0 :(得分:0)

啊,我发现了解决方案。您忘记在第一个参数后添加逗号; P

.radialGradient(@posX:center, @posY:center, @shape:circle, @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}

答案 1 :(得分:0)

他们改变了LESS PHP以匹配LESS JS的参数语法。以前用以分隔的值;现在他们被分开了,