CSSだけでMasonryレイアウトが実装できるスタイルシート「driveway」!

2016/06/19

こんにちは。
今回はCSSだけでMasonryレイアウトが実装できるスタイルシート「driveway」!です。

レスポンシブ対応のピュアCSSで簡単にMasonryレイアウトが実装可能なCSSライブラリを紹介します。

CSSだけでMasonryレイアウトが実装できるスタイルシート「driveway」!

driveway

driveway

 

「driveway」をダウンロードしてみよう!

https://github.com/jh3y/drivewayにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

「driveway」を設置してみよう!

driveway.min.cssをhead内に読み込みます。

 

html部分を記述します。
driveway全体にdw、パネル部分にdw-pnl、パネル部分のコンテンツにdw-pnl__cntntというクラスを付けます。

 

現場のプロが教えるSEOの最新常識
現場のプロが教えるSEOの最新常識

 

いかがでしたか。JavaScriptを使わずに簡単にできるのが良いですね。
以上でCSSだけでMasonryレイアウトが実装できるスタイルシート「driveway」!でした。

Related Post

topへ戻る