• 元に戻す
    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);
    }