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

发布于 2024-12-06 14:35:07 字数 773 浏览 2 评论 0原文

如果你熟悉 less,你能帮我解决这个问题吗? 我正在为快速测试用例创建一个径向渐变混合。 然而两者都不起作用?

.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);
}

这是正确的方法。

If you are familiar with less, could you help me with this problem?
I am creating a radial gradient mixin for just a quick test case.
However both are not working?

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

or

.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);
}

Reasons?

Thanks!


Ah! I figured out.
I have forgotten to add in "," in the parameters.

.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);
}

This is the right way.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

森林散布 2024-12-13 14:35:07

他们在参数语法方面更改了 LESS PHP 以匹配 LESS JS。值通常用 ; 分隔现在他们分开了,

They changed LESS PHP to match LESS JS in regards to parameter syntax. Values used to be separated by ; now they are separated by ,

酷遇一生 2024-12-13 14:35:07

啊,我已经找到了解决方案。您忘记在第一个参数后添加逗号 ;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);
}

Ah, I've discovered the solution. You forgot to add a comma after your first parameter ;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);
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文