CSS Box-Shadow 动画技术？答案

【问题标题】：CSS Box-Shadow Animation Technique?CSS Box-Shadow 动画技术？
【发布时间】：2012-10-09 03:55:43
【问题描述】：

所以我一直在CodePen 上进行了大量的研究，发现了很多很棒的演示，尤其是在 CSS 方面。我在 CSS 前端看到的始终是，经常使用 box-shadow 属性来制作看起来很疯狂的动画/图形，this is an example of what I'm talking about。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

花生酱果冻时间香蕉。

使用@joshnh 的箱形阴影技术，我为香蕉制作了动画仅通过 CSS。

【讨论】：