Masonryでの自動整列サンプル1

ウインドウの横幅をいろいろ変化させてみて下さい。 その都度、アニメーション効果と共に、下記の「キャプション付き写真」が再配置されます。

1-森林

森林

2-新緑

新緑

3-森林の花

森林の花

14-空

4-富良野

富良野

15-島と空と雲

島と空と雲

5-水面

水面

6-雪山

雪山

16-水森林

水森林

7-平原

平原

8-雪景色

雪景色

9-空と雪山

空と雪山

16-海岩

海岩

10-空と海

空と海

11-海に浮かぶヨット

海に浮かぶヨット

12-砂浜と海

砂浜と海

6-雪山

雪山

5-水面

水面

15-島と空と雲

島と空と雲

4-富良野

富良野

14-空

3-森林の花

森林の花

2-新緑

新緑

1-森林

森林

12-砂浜と海

砂浜と海

11-海に浮かぶヨット

海に浮かぶヨット

10-空と海

空と海

16-海岩

海岩

16-水森林

水森林

9-空と雪山

空と雪山

8-雪景色

雪景色

7-平原

平原

記事に戻る