5
我有一些代碼。執行休息;在SCSS
帕格:
div(data-counter="100")
SCSS:
$start: 100;
$end: 20;
div:before {
content: attr(data-counter);
animation: countdown 10s steps(1, start) forwards;
}
@keyframes countdown {
@for $i from 1 through $start {
@if $i == 50 {
100% {
content: 'Stop';
}
} @else {
#{$i}% {
content: '#{($start - $i)}';
}
}
}
}
的問題是,從100
計數器計數,當它到達50
,計數器將停止 - 100% {content: 'Stop'; }
並且動畫將結束(現它繼續49% {content: '51';} 100% {content: 'Stop';} 51% {content: '49';}
)。
問題:是否有類似於js的類似break;
?
P.S:@break;
根據需要不起作用。
不知道爲什麼,但讓你的代碼使用@if $ i> 49代替等號。也許有人可以對此有所瞭解。 – VilleKoo
嗯,真的工作......但彙編不是很漂亮 – Elena
我可以假設他不落入位置50,並立即跳轉到下一個數字 – Yuri