• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  -   07:00 AM

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

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

140621_bo2.jpg


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

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


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


140621_bo3.jpg


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


Bounce.js

(カメきち)

  • ,,,,,,,, - By 香川博人LIKE

    楽しみながら・まるごと撮って・切り出して見る。アクションカメラの新スタイルをスポーツクライミングで試してみた

    Sponsored

    楽しみながら・まるごと撮って・切り出して見る。アクションカメラの新スタイルをスポーツクライミングで試してみた

    楽しみながら・まるごと撮って・切り出して見る。アクションカメラの新スタイルをスポーツクライミングで試してみた

    秋の行楽シーズンがスタート。最近ではアクションカメラでスポーツやアクティビティの臨場感のあるシーンを撮影して、SNSなどで見て・楽しむことが珍しくなくなりました。しかし、試してみたいけど自分でも使いこなせるのか、なかなか1歩踏み出せない人もいるのではないでしょうか? そこで今回、アクションカメラの使い勝手を実際に確かめてみようと、カシオの最新モデル「EXILIM EX-FR200」をポケットに入  11:00 AM

MORE FROM LIFEHACKER

powered by
    
    
    
  • ALINCO(アルインコ) エクササイズボール 65cm EXG025
  • ALINCO(アルインコ)
  

Kotaku

Recommended

© mediagene Inc.