前言

大家好，这里是 CSS 魔法使——alphardex。

“密室逃脱”这个词想必大家并不陌生，在以前的 flash 时代，这是一类很经典的益智游戏之一。玩家常常会被困在一间密室中，而过关的目的就是想法设法逃出这件密室。以下是笔者玩的最早的一个密室逃脱游戏——深红房间，它也可以说是密室逃脱类游戏的先祖。

接下来，笔者要用纯 CSS 实现一款类似的密室逃脱类游戏。

是的，你没听错，纯 CSS，也就意味着完全没有 JS 的参与。有人就纳闷了：WTF?CSS，一个网页布局的语言，居然还能写游戏？可惜的是，CSS 还真能写游戏。接下来随笔者一起进入这个不思议的国度吧。

前言

前篇传送门：猛戳这里

其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧 0.0

前言

大家好，这里是 CSS 魔法使——alphardex。

我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各种技巧总结起来，让大家也能愉快地玩耍 CSS 动画。

好了，话不多说。让我们一起进入 CSS 动画这个领域吧！

小彩蛋：本文的标题 neta 了“化物语”，是笔者最喜欢的动画系列之一，里面的动画非常具有表现力，强烈推荐大家去看。

前提是把所有文件备份到了百度网盘上

前言

本文是我开发了许多 H5 活动后写下的小结

大家好，欢迎来到 CSS 中二魔法使 alphardex 的领域 🙌!

之前在掘金写下过 2 篇文章：「请收下这 72 个炫酷的 CSS 技巧」和「我写 CSS 的常用套路」。没过多久就受到如此多的关注，真是让我感到很意外又很惊喜。我希望这两篇文章能帮到那些希望自己能写出炫酷的特效的人以及想领略 CSS 真正的美的人。

前言

本文是笔者写 CSS 时常用的套路。不论效果再怎么华丽，万变不离其宗。

要想写出优美的 CSS 作品，想象力固然很重要，然而基础也是不可忽略的。相信大部分人怕写 CSS 的原因是被它庞大的基础知识体系给吓到了，在此笔者推荐一个叫freecodecamp的网站，通过闯关的方式来学习前端三剑客，用它入门 CSS 是最佳的选择！

当你成功地入了门之后，便可以开始探索 CSS 的全貌了。本文是 CSS 属性的速查表，配合在线 API 文档使用即可

前言

CSS 是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非常有帮助；同样地，一旦笔者发现一个制作精良的网站，也会将网站上那些吸引人的元素仔细审查一遍，灵感也自然就有了。

演示网址 1：codepen

演示网址 2：shiroi

源码地址：github

本文的技巧将不会止步于 72 个。灵感不息，创作不止。

工欲善其事，必先利其器。