CSS盒子阴影动画技巧？

所以我在CodePen上进行了大量的搜索，并且发现了很多令人敬畏的演示，尤其是在CSS前端。我一直在CSS前面看到的东西通常是利用盒子阴影属性来制作疯狂的动画/图形，this is an example of what I'm talking about。CSS盒子阴影动画技巧？

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

你为什么这么想？你怎么知道他没有用css来搞清楚？它只有三个或四个静态图像。这并不是说你容易记住（我永远不会有耐心），但假设他使用某种转换器是不正确的，我认为。 – thatidiotguy

我认为，正是因为你刚刚描述的原因，我永远不会有耐心，这是我见过的事情越来越多，所以我认为有一些应用程序，我从来没有听说过，这有助于处理。 –

那么你可以随时给作者发电子邮件并自己问问他。没有我知道的这样的工具。 – thatidiotguy

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

编辑： 我只是铬终于作出回应，它产生的代码似乎并没有很大的优化。

2012-10-08 19:55:43 amustill

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

花生酱果冻时间香蕉。

使用@ joshnh的盒子阴影技术我通过CSS动画香蕉。

2012-10-08 19:54:25 thatidiotguy

回答