Css 如何在Firefox中平稳过渡倒计时(进度)条?
希望有人能够澄清一些关于“进步”和-moz转换的困惑Css 如何在Firefox中平稳过渡倒计时(进度)条?,css,progress-bar,countdown,Css,Progress Bar,Countdown,希望有人能够澄清一些关于“进步”和-moz转换的困惑 progress { width: 40%; -webkit-transition: width 2500ms ease-out; -moz-transition: width 2500ms ease-out; -o-transition: width 2500ms ease-out; transition: width 2500ms ease-out; } progress::-webkit-progress-bar { transitio
progress {
width: 40%;
-webkit-transition: width 2500ms ease-out;
-moz-transition: width 2500ms ease-out;
-o-transition: width 2500ms ease-out;
transition: width 2500ms ease-out;
}
progress::-webkit-progress-bar {
transition: width 2500ms ease-out;
}
progress::-webkit-progress-value {
transition: width 2500ms ease-out;
}
progress::-moz-progress-bar {
transition: width 2500ms ease-out;
}
基本上,我正在编写一个倒计时计时器,它也使用一个进度条。
问题是,虽然我可以在Chrome中获得平滑的进度条转换,但我无法用我的一生来找出Firefox为什么不平滑。你忘记了
-moz进度值
?Temani,添加-moz进度值
似乎并没有改变任何事情。