地雷地帯だって、もう何もこわくない

やっていることはuserChrome.css でパノラマの背景を設定する - hogehoge @teramakoとほぼ同じ。画像さえあればCSSでいろいろ工夫は可能。

今回はグループの要素に3パターンの画像を用意して背景にしてみている。以下の様な感じね。:nth-of-type便利！

html|div.groupItem {
 background-size: cover;
 background-position: top left;
}
html|div.groupItem:nth-of-type(3n) {
  background-image: url(file:///G:/image/madoka_magika/mami_1.jpg);
}
html|div.groupItem:nth-of-type(3n+1) {
  background-image: url(file:///G:/image/madoka_magika/mami_2.jpg);
}
html|div.groupItem:nth-of-type(3n+2) {
  background-image: url(file:///G:/image/madoka_magika/mami_3.jpg);
}