CSS3のkeyframe AnimationをFPSベースで設定する「fpsAnimation.js」 CSS3のkeyframe AnimationをFPSベースで設定する「fpsAnimation.js」を作ったので公開しておきます。 fpsAnimation.js このライブラリを読み込んだ後に、次のようなスクリプトを実行することでCSS3のkeyframe Animationに変換してくれます。 fpsAnimation( "div:hover",//target "sampleAnime",//animation name 100,//fps [{ f:10, c:"height:100px;width:500px;" },{ f:10, c:"height:500px;width:500px;" },{ f:10, c:"height:500px;width:100px;"
![CSS3のkeyframe AnimationをFPSベースで設定する「fpsAnimation.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)