这是一款基于CSS 与 Reactive CSS技术实现的把同色药水分装进试管的分类小游戏。点击试管提起并向另一支倒入同色液体,整理全部药水即可过关,附步数统计与三关挑战。
药水分类的画面与交互特点
药水按颜色编号映射外观,玻璃、液面、晃动与倾倒通过 CSS 表现。一次操作只能倒向同色液体或空管,容纳空间也会限制可倒数量;支持重新开始和进入下一关。
药水分类的素材与参数修改位置
style.css 保存试管状态、合法倒入条件、关卡初始布局和完成判定;index.html 放置试管与操作按钮,script.js 加载运行时。
药水分类的使用场景与适配
玩法规则写在 CSS 状态中,更换试管数量或容量会牵涉多处规则,不宜只增加页面节点。