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

回答