.circle(@w, @h, @len, @i:0) when (@i < @len) {
@x: round(@i * 100 / (@len), 2); // 当前百分比
@selector: e(
"@{x}%"
); // 使用 less e 函数变为选择器,注意!!直接套用或者使用 percentage 函数无法识别;当前百分比进度
@unit: @h / (@len);
@top: -@i * @unit;
@left: 0;
@{selector} {
background-position: @left * @rex @top * @rex; // 修改图片定位
}
.circle(@w, @h, @len, (@i + 1));
}
@keyframes animat {
.circle(72, 720, 10);
}
.animate_div {
animation: animat 1.5s steps(1, start);
}