关于 css3 的文章：

周骅，前端研发，目前就职于字节跳动。

更优雅地绘制阴影

Box-shadow 虽然是一个 css3 的属性，但由于浏览器支持不错，且用它来营造一种立体感、层次感着实方便，这让它成为了互联网上随处可见的 css3 特效。不过我感觉想写好阴影不是一件容易的事情。至少我常常摸索半天，写出来的阴影却总让人很难受。上周在知乎上看到了一个问答，

问题引入：实现如下效果两个方块的追逐效果，使用 css3，实现起来没什么难度： <div id="container"> <div id="first"></div> <div id="second"></div> </div> #container { position: r

CSS3 中新增了许多 background 类的属性。今天就来聊聊 background-clip 和 background-origin。为什么把它们俩放一起说呢？因为它们俩很“默契”地拥有相同的属性值。 background-clip 先说 background-clip。