HOME > GALLERY

GALLERY

gallery_004

縦長・横長混在の画像一覧をCSSで自動調整

ブロックに設定してあるCSSで、縦横の寸法を指定しておくことで自動的に指定サイズで表示されるというブロックデザインです。
 
MORE

gallery_003

CSSで画像に白枠と間隔を設定したギャラリー

画像に対してCSSで白枠と影を設定しているので、ブロックに配置する画像に対しての加工は不要。画像変更も簡単です。
 
MORE

gallery_002

ブロックを4段設定で4枚の画像を並べる

4カラムの設定で画像をカラムに1枚づつ配置する画像を並べるオーソドックスなレイアウト。スマホでは2カラムに設定しています。CSSはなしで、カラム間の間隔を「狭い」に設定しています。
 
MORE

gallery_001

フィルムイメージをブロックの背景においたスライドショー

ブロックの背景にフィルムのイメージを左右繰り返しで配置して、その上で画像のスライドショーが流れます。ShiFTのカルーセルで画像が流れるようになります。
 
MORE