元に戻す
div.shideとその中にdivを2セット作ります。白い紙を作ります。
<div class="shide">
<div></div>
</div>
<div class="shide">
<div></div>
</div>
増やす
div.shideの:before、:afterを使いそれぞれ3枚セットに増やします
※:before、:afterは背景色を赤にします。
傾ける
それぞれの要素を、45度ずつ傾けます。
transform:rotate3d(1,0,1,-45deg);
ちょっとずらす
それっぽく見せるために少しずつずらします。
transform:translate(-10px,0);
反転させる
2つ目のdiv.shideを反転させます
#demoBlock.demo5 .shide + .shide {
transform:scale(-1, 1);
}