最近我发现，CSS 也能做好多有意思的东西，甚至能做游戏！今儿就跟大家分享一下我这几天的折腾。
一开始我也是懵的，CSS 不是就管管样式嘛还能做游戏？后来在网上逛，发现好多大神都分享纯 CSS 做的游戏，像什么拼图、扫雷，甚至还有 3D 的冒险游戏，看得我眼花缭乱。
我先是找个简单的，叫“CSS Only Puzzle game”的拼图游戏。代码是纯 CSS 写的，不用一点 JavaScript，我觉得挺神奇的，就想试试水。
刚开始看代码，我有点头大，感觉有点复杂，但是好在作者在 CodePen 上分享，我就直接拿来用。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我先是把代码整个复制到我的项目里头，然后一点点看，尝试理解每一部分是干啥的。大概就是用 CSS 的各种属性，把图片分割成小块，然后通过一些巧妙的定位和变换，让这些小块可以移动，最终拼成完整的图。
这里头用到不少 CSS 的高级技巧，比如 transform、position 这些，平时我用的不多，这回算是好好学习一把。
中间也遇到不少问题。比如，一开始图片显示不出来，我检查半天，才发现是路径写错，真是粗心。
还有就是，不同浏览器对 CSS 的解析可能有点差别，有时候在一个浏览器里好好的，换一个就不行，这时候就得调试，看看是哪里的问题。
不过经过一番折腾，还是成功！看着自己用 CSS 做出来的拼图游戏，还真有点小激动。
虽然这个游戏很简单，但是我觉得挺有意义的。它让我看到 CSS 的更多可能性，也激发我继续学习的兴趣。以后我还想试试更复杂的，比如那个 3D 冒险游戏，想想就觉得很酷！
这回的 CSS 游戏尝试，让我收获满满，也让我对 CSS 有新的认识。希望我的分享能给大家带来一些启发，也欢迎大家一起交流学习！
