css - CSS Box-Shadow 动画技术？

Question

所以我在CodePen上做了很多工作，发现了很多很棒的演示，尤其是在 CSS 方面。我在 CSS 前端看到的始终是经常使用 box-shadow 属性来产生看起来很疯狂的动画/图形，这是我正在谈论的一个例子。

现在，我猜这些人并不是完全手工完成的，他们正在使用某种图形设计应用程序将动画/图形呈现为有效的 CSS。有没有做这种事情的应用程序？如果是这样，它是什么？

Answer 1

这是他从实际代码中的描述。

花生酱果冻时间香蕉。

使用@joshnh 的盒子阴影技术，我只通过 CSS 为香蕉制作了动画。

Answer 2

Codepen 上的另一位作者发布了一个小的 PHP 库，它利用这种技术将图像转换为 CSS，但是它生成的所有图像似乎都会使 Chrome 的检查器崩溃。不完全确定为什么。

https://github.com/jaysalvat/image2css

编辑： 我刚刚让 Chrome 最终响应，它生成的代码似乎没有得到很大优化。