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

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

前言

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

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

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

前言

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

演示网址 1：codepen

演示网址 2：shiroi

源码地址：github

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

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