青蛙学 Flexbox

写 CSS 帮青蛙回到荷叶上,轻松学会 Flexbox。

开源项目“Flexbox Froggy”,作者 Thomas Park (Codepip),依据 MIT 许可证使用。 源代码

在浏览器本地运行,你输入的内容不会被发送或保存。

如何使用青蛙学 Flexbox

  1. 阅读每关的说明。
  2. 在编辑器里写 CSS,让青蛙跳到同色的荷叶上。
  3. 通关全部 24 关,掌握 Flexbox。

常见问题

需要会 CSS 吗?

不需要,每一关都会讲解要用的属性。

作者是谁?

Codepip 的 Thomas Park,以 MIT 许可证开源。

青蛙学 Flexbox免费吗?

免费。青蛙学 Flexbox无需注册即可使用,也不加水印。

我输入的信息会被保存或发送吗?

不会。所有计算都在你的浏览器里完成,你输入的内容不会发送到服务器,也不会被保存。

手机上能用吗?

能。Windows、Mac、Linux、安卓和苹果手机上的主流浏览器都可以使用。很大的文件在旧手机上可能较慢。

更多游戏工具

查看全部