2次元物理計算エンジンをブラウザで実現する「Matter.js」 - GIGAZINE

2015/01/22 139 users GIGAZINE 物理演算 API 自力 物理演算エンジン

面白いアニメーションを作るために物理演算エンジンを使いこなせればとても便利ですが、自力で物理演算に取り組むには高度な知識と技術が必要となります。そんな扱いの難しい物理演算を手軽に導入できるJavaScriptのAPIが「Matter.js」です。 Matter.js - a 2D rigid body JavaScript physics engine http://brm.io/matter-j... 続きを読む

[JS]入力するのが楽しくなるアニメーションを備えたフォーム -Fancy Input | コリス

2013/02/25 83 users コリス jQuery coliss Opera Safari

フォームにテキストを入力する際、ちょっと面白いアニメーション（5種類）を与えるjQueryのプラグインを紹介します。 colissと入力、そして削除すると、こんな感じです。 Fancy Input Fancy Input -GitHub Fancy Inputのデモ Fancy Inputの使い方 Fancy Inputのデモ デモはFirefox, Chrome, Safari, Operaでご... 続きを読む

[CSS]円形エレメントの実装とホバー時に面白いアニメーションのエフェクトを与えるスタイルシート | コリス

2012/08/09 87 users ホバーエフェクト エレメント 円形 チュートリアル コリス

最近よく見かけるようになった円形のエレメントに、ホバー時に普通のより面白いエフェクトをCSS3アニメーションで実装するチュートリアルを紹介します。 Circle Hover Effects with CSS Transitions 右：ホバー時のアイテム、左：通常時のサムネイルの状態です。 円形エレメントの実装 ホバーエフェクトのデモ 円形エレメントの実装 まずはベースとなる円形エレメントの実装で... 続きを読む