我正在测试一些特殊的东西,我正在尝试在关键帧内循环以动态地将百分比写入其中。
我已经用 SASS 测试过类似的东西,但它不起作用。
@keyframes test{
@for $i from 0 through 100 {
#{$i}% {
//do special stuff
}
$i: $i + 1;
}
我希望它输出:
@keyframes test{
0%{
...
}
1%{
...
}
2%{
...
}
3%{
...
}
...
}
但我得到了
Error on line number: 23. Invalid CSS after " #{$i}%": expected placeholder name, was " {"
我已经在 LESS 中对此进行了测试,但它也不起作用。
@a: 0%;
@keyframes test{
.func (@a, @b, @c);
}
.func (@a, @b, @c) when (@a < 100%){
(@a){
//do special stuff
}
.func (@a+1, @b, @c);
}
有人能帮我吗 ?
如果你像这样欺骗它就会起作用:
@keyframes test {
@for $i from 0 through 100 {
#{$i * 1%} {
// do special stuff
}
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)