特集
カテゴリー
タグ
メディア

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

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

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

以下に使ってみた様子を載せておきます。まずBounce.jsへアクセスしましょう。左上の「ADD COMPONENT」からスタートです。左メニューでアニメーションの設定をし、中央の画面でそのアニメーションを確認できます。

140621_bo3.jpg

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

Bounce.js

(カメきち)

swiper-button-prev
swiper-button-next