on:2013年4月3日sponsorsinline-blockを使ってシンプルなグリッドで、ふわりと浮かんだ感じの美しいシャドウを適用して画像を配置するギャラリー用のスタイルシートを紹介します。Gridデモ実装デモデモは、最新のモダンブラウザでご覧ください。※CSS3はベンダープレフィックスの記述なしです。HTMLHTMLはシンプルでimg要素をdiv要素で内包するだけです。.galleryのdiv要素は、ギャラリーとして画像を配置するためのものです。CSSまずは、画像にシャドウを適用するスタイルシートです。画像のimg要素と白いパネルの.panelにbox-shadowを適用します。画像が浮いてる感をだすために、画像の方がシャドウが大きめです。max-width:20em;}各画像を配置するスタイルシートです。box-sizingはborder-boxにし、inline-blockで画像を配置します。Posts関連記事が見つかりませんでした。