0

だから私はこのようなコードを持っていて、bg1 divを左から特定の角度で回転させたいと思っていますが、ご覧のとおり、最後に、私が見ているように「遠近法を失います」おそらく間違っています。私が間違っていること、または目標を達成するために何ができると思いますか?

シンプルなページのコード:

    <style>
    #bg1{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background-color:orange;

        font-size:100px;
        font-family:Arial;
        color:white;
        text-align:center;

        -webkit-transform: perspective(100px); 
        -webkit-transform-origin:left;
        transition:1s;
    }
    #bg1:active{
        -webkit-transform:rotateY(85deg);
    }
    </style>

    <body>
    <div id="bg1"></div>
    </body>

前もって感謝します。

4

1 に答える 1