css3d/experiment02b.html

<!DOCTYPE HTML>
<html>
    <head>
        <title>CSS Experiment 02b</title>
        <!-- https://codepen.io/desandro/pen/MGpxVG -->
        <style>
            .scene {
                width: 200px;
                height: 200px;
                border: 1px solid #CCC;
                margin: 40px;
                perspective: 400px;
            }

            .panel {
                width: 55px;
                height: 55px;
                float: left;
                margin: 5px;
                background: blue;
                transform: rotateY(45deg);
            }
        </style>
    </head>

    <body>

        <div class="scene">
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
            <div class="panel"></div>
        </div>

    </body>
</html>