SOURCE

console 命令行工具 X clear

                    
>
console
 
<div class="box">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>
 .box {
        outline: 1px solid red;
        margin: 100px auto;
        width: 500px;
        height: 100px;
        transition: all 1.5s;
        perspective: 500px;
    }
    .box:hover {
        perspective: 100px;
    }
    .child {
        width: 100px;
        height: 100px;
        float: left;
        background-color: lightsalmon;
        transform: rotateY(90deg);
    }