通过小游戏学习css布局(Flexbox Froggy)

338 阅读1分钟

网上冲浪时候,突然看见一个用于学习CSS中flexbox布局的游戏,名为Flexbox Froggy。游戏的目的是通过编写CSS代码来帮助青蛙爬上他们的睡莲。看看您是否可以击败所有关卡!

go go go! start game

接着我发现了Grid Garden,这是Flexbox Froggy的续集。这次,您将学习CSS网格,新的热门布局模块,并在此过程中种植一两个胡萝卜。

网格是最前沿的,上个月才支持浏览器。这意味着您需要更新到最新的Firefox,Chrome或Safari才能玩Grid Garden。所以跳吧!

go go go! start game

相关文章:

thomaspark.co/2017/04/lea…

thomaspark.co/2015/11/lea…

thomaspark.co/2013/10/wea…