这段CSS（Less）代码中duration变量的时间单位是什么？

根据你的测试结果，结合Less变量的特性，这里的duration变量存在单位解析与实际应用的不匹配：

• 当你将duration设为纯数字（如1、10）时，代码直接将其作为毫秒数的倍数处理：
  • 设为1时，数字翻转间隔为1毫秒；
  • 设为10时，翻转间隔为1秒（1000毫秒）——这说明代码中存在数值 × 100ms的转换逻辑（10 × 100ms = 1000ms）。
• 原代码中初始值5s是Less的时间单位写法，但Less编译时会将时间单位变量解析为数值部分（即5s会被转换为数值5），而非保留秒单位。因此5s实际对应的翻转间隔是5 × 100ms = 500ms，而非你预期的5秒，这就是“实际并非秒单位”的原因。

简单总结：

• duration的数值部分是核心，单位会被Less忽略；
• 实际翻转间隔 = duration数值 × 100ms；
• 原代码的5s等价于数值5，对应500ms间隔；10s等价于数值10，对应1秒间隔。

内容的提问来源于stack exchange，提问作者Daniel Lip