我最喜欢的万圣节笔

CodePen 上的万圣节游戏非常强大。我一直保留着自己收藏的万圣节游戏，但也有很多人比我做得更好。你甚至可以 搜索万圣节收藏，如果你真的想深入了解。今天是万圣节，所以我认为我们可以通过挑选我最喜欢的几个来保持这种精神。有些是新的，有些是来自过去几年。

首先，我们来看看一个带有可爱字体和弹跳感的欢迎文本动画。Zane 尝试使用一些预处理器来保持部分代码的紧凑，并利用另一个 Pen 来帮助生成程序生成的星星。

查看 Pen 万圣节 Pen ，作者：Zane Riley (@zaneriley) 在 CodePen 上。

我喜欢 Steve Gardner 的无限随机幽灵，所有内容都在 JavaScript 中生成，甚至包括用于绘制它们的 SVG 路径数据。

查看 Pen SVG 幽灵，作者：Steve Gardner (@steveg3003) 在 CodePen 上。

Helen V. Holmes 制作的这个小幽灵简直完美。我喜欢它可爱的冷笑、轻松的跳跃和醒目的背景颜色。大小变化的阴影是将所有元素融合在一起的小细节。

查看 Pen 幽灵，作者：Helen V. Holmes (@helenvholmes) 在 CodePen 上。

Michael Zhigulin 的这个作品拥有令人惊叹的色彩搭配，完全由 CSS 绘制。

查看 Pen 纯 CSS 吸血鬼和南瓜，作者：Michael Zhigulin (@michael-zhigulin) 在 CodePen 上。

也许我只是喜欢程序生成的字符。

查看 Pen 墓地，作者：jagarikin (@jagarikin) 在 CodePen 上。

这个小恶灵斗篷固定位置的下边缘是我最喜欢的部分。

查看 Pen 万圣节小东西，作者：Mohan Khadka (@khadkamhn) 在 CodePen 上。

Bri Suffety 制作的这个可爱的小蝙蝠上的 Sass 混合看起来让制作变得更加容易。

查看 Pen 索娜蝙蝠，用 CSS 制作，作者：Bri Suffety (@brisuffety) 在 CodePen 上。

当我以为自己快要厌倦 SVG 线绘制动画时，我看到了一个用它做了些特别的事情。Ali Klein 制作的这个动画感觉相当有艺术指导，某些区域等待着爆发，而另一些则等待着错开结束。这里还有一些有用的函数可以将不同的 SVG 形状转换为路径（唯一可以“绘制”的元素）。

查看 Pen SVG 路径动画，作者：Ali Klein (@AliKlein) 在 CodePen 上。

或者也许我只是在看了三次可爱的《亡灵节》之后对“亡灵节”的东西很感兴趣。我知道这是一个不同的节日，但嘿。

查看 Pen 亡灵节 - CSS 糖果骷髅，作者：Anders Schmidt Hansen (@andersschmidt) 在 CodePen 上。

疯狂的拍打蝙蝠是最好的。它完全由无模糊的盒子阴影位完成，所以它只是一个元素。它让我想起了我无法确切说出来的某些旧视频游戏的外观。

查看 Pen 在一个 Div 上进行蝙蝠像素艺术动画，作者：Tim Guo (@timothyguo) 在 CodePen 上。

为什么不给 UI 带来一些恐怖呢？

查看 Pen 恐怖待办事项列表，作者：danferth (@danferth) 在 CodePen 上。

Creepster 就像万圣节的官方字体，因为它可以在 Google Fonts 上使用，但 Robin 在这里应用的渐变非常棒。

查看 Pen 万圣节幽灵按钮，作者：Robin (@lessthanthree) 在 CodePen 上。

画布 PLUS 粘糊糊的 SVG 过滤器？太棒了，Mai El-Awini。

查看 Pen 女巫的药剂，作者：Mai El-Awini (@maicodes) 在 CodePen 上。