CSS海盗卡通

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

今天我用HTML和CSS画了一幅海盗卡通画：

在某些浏览器上可能看起来有点奇怪，原因如下：

1. 它使用了drop-shadow滤镜（在钩子、耳环和假腿中），但 Safari 等浏览器并不完全支持滤镜。
2. 它使用相对大小和阴影，但有些浏览器（说的就是你，Chrome）会混淆并删除带有相对大小和百分比的阴影。

总之，从零开始编写代码很有趣。虽然比平时花的时间稍长一些，但我真希望当时能把过程录下来……也许下次吧。

编辑：感谢@afif提供的一些动画和评论区的趣味互动（欢迎大家在帖子中添加动画）。现在卡通也有动感了：