博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过游戏来学习CSS的Flex布局
阅读量:5899 次
发布时间:2019-06-19

本文共 422 字,大约阅读时间需要 1 分钟。

在复习Flex 布局的时候发现的了几个有趣的小游戏,在这里分享并记录几个有难度的答案

1.

通过调整CSS样式来使各种青蛙回到对应的荷叶上,游戏默认难度为Beginner会有提示,可以在下面的settings关闭提示,一共24关,感觉只有17和24有点疑惑,这里标记一下答案

Flexbox Froggy 17关

在这里插入图片描述

Flexbox Froggy 24关在这里插入图片描述## 2.

这是一个塔防游戏,通过CSS布局来各个调整炮塔的位置,默认是调整Flex container(不了解什么是Flex container的可以参考),Flex item选项是隐藏的,如果需要调整得先点击左侧的hide tower inputs调整完可以开始战斗,唯一的要求是炮塔 不能在轨道上,每一关的胜利条件不同,但是最好都可以达到满满分。自己除了最后一关,其他的都没太大难度.

在这里插入图片描述

转载于:https://www.cnblogs.com/YooHoeh/p/10465730.html

你可能感兴趣的文章
第四十八讲:tapestry 与 淘宝kissy editor编辑器带图片上传
查看>>
图像处理入门——扭曲
查看>>
列表,元组,字典的异同
查看>>
在MyEclipse中构建SQL查询语句
查看>>
Linux/Centos 重置Mysql root用户密码
查看>>
2017-10-9linux文本处理
查看>>
CALayer的那些事(二)
查看>>
[C语言]unicode与utf-8编码转换(一)
查看>>
root用户可以引入cx_Oracle包,其他用户不可以导入
查看>>
Linux防火墙iptables学习笔记(二)参数指令
查看>>
Prometheus监控的最佳实践——关于监控的3项关键指标
查看>>
单向的1:n
查看>>
旧电脑如何华丽变身专业上网行为管理设备!
查看>>
linux进程管理及kill命令详解
查看>>
oracle的查询结果按照in条件顺序输出
查看>>
PHP 打印函数之 print print_r
查看>>
学生信息管理系统分析和感想
查看>>
__set魔术方法可不可以加private属性
查看>>
MySQL 4种事务的隔离级别
查看>>
跟我一起学docker(13)--docker Machine的使用
查看>>