マソンリー実績ギャラリー

CSS Columns を使ったマソンリー風実績ギャラリー。カード hover でオーバーレイ表示。タグ・カテゴリ情報付き。

使いどころ

CSS Columns を使ったマソンリー風実績ギャラリー。カード hover でオーバーレイ表示。タグ・カテゴリ情報付き。

サムネは aspect-ratio 統一が必須（16:9 / 4:3 / 1:1 など）。タグ（業種 / 案件種別）でフィルタリング可能にすると UX 向上。

クライアントの公開許諾を必ず確認。NDA で公開不可な案件は「業種：金融 / 制作内容：コーポレート」のような匿名表記で。

このパーツは商用利用できますか？

はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。

そのまま貼り付ければ動きますか？

はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。

JavaScript が必要なパーツはありますか？

一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。

ブラウザ対応は？

最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。