javascriptとcssアニメーションでレスポンシブに対応したグリッドレイアウト

レスポンシブに対応したグリッドレイアウト

Pinterestのようなグリッドレイアウトをjavascriptとcssアニメーションで実装できるFilterable Product Gridをご紹介します。しかもレスポンシブ対応!!

Pinterest風グリッドレイアウトができちゃうFilterable Product Grid

本家サイト: http://tympanus.net/Blueprints/FilterableProductGrid/
ライセンス: GNU GPL license v3.
対応ブラウザ: IE9+ safari chrome firefox opera

参考サイト:Filterable Product Grid

Pinterestみたいなグリッドレイアウトのデザインを簡単に作れます。IEも9〜対応しているようです。※IE9ではアニメーションはされないとのこと。

codropsさんで丁寧にやり方も解説されているので気になる方はぜひ試してみてくださいね〜

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

同じカテゴリーの記事

ページの先頭へ