Webサービス

CSS3でバウンドするアニメーションが簡単に作成できるジェネレータ「Bounce.js」

カメきち
2014.07.01 07:00

140621_bo2.jpg


「Bounce.js」はCSS3でバウンドするアニメーションが簡単に作成できるジェネレータです。バウンドする数や拡大縮小、移動などアニメーションの種類も選べます。作成したアニメーションはCSSでエクスポートできますよ。

以下に使ってみた様子を載せておきます。

　　　　　　　　　　　

まずBounce.jsへアクセスしましょう。左上の「ADD COMPONENT」からスタートです。左メニューでアニメーションの設定をし、中央の画面でそのアニメーションを確認できます。


140621_bo3.jpg


右上の「EXPORT CSS」からCSSへの書き出しができますよ。CSS3でバウンドするアニメーションを作りたいときにぜひご活用ください。


Bounce.js

（カメきち）

  • ALINCO(アルインコ) エクササイズボール 65cm EXG025
  • ALINCO(アルインコ)
Hot Entry
Recommended
Amazon Sales TOP5
関連メディア