给大家分享一个有意思的东西——CSS版《Minecraft》！ 你敢相信吗？达到【图1】这个效果，完全没有使用JavaScript，所有功能仅仅通过480行CSS和46022行HTML实现。 这个CSS版本的《Minecraft》支持在9x9x9的世界中放置和移除7种不同类型的方块，并以旋转该世界以从不同角度查看。 作者还上传了一个自己盖房子的demo【视频2】 这到底是怎么做到的呢？核心技巧在于将label标签与:has()选择器结合使用。 该页面包含35001个元素和 5840 个元素。这些单选按钮就是整个系统的“状态存储引擎”。 当你点击立方体的一个可见面时，实际上是点击了一个。这个的for=""属性会指向当前所选可见材质类型的相邻方块。 当你切换材质时，实际上是在动态切换可用的可见标签。 在这个9x9x9的立方体矩阵中，每个小立方体都对应着一组八个共用相同名称的单选按钮，这意味着每个立方体可以拥有八种状态。 除了方块操作，这个网页的3D视角控制也同样精妙，包括世界的旋转和视口的移动，诀窍在于运用了CSS动画。 系统为每个不同的控制项都定义了相应的动画效果。当你按住某个控制键时，对应的动画状态就会从暂停切换为运行，直到松开按键。 在动画运行过程中，它会持续改变目标元素所应用的各种3D变换属性。 亲自上手感受一下？-minecraft/ 代码仓库：-Minecraft
