我正在测试一些特别的东西,尝试在关键帧内循环以动态地将百分比写入其中。
我已经尝试过类似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);
}
有人可以帮助我吗?
@for
循环中,您不需要手动添加到循环中的$i
。删除$i: $i + 1;
也可以正常工作。 - bookcasey