جلسهی 29

     سلام وقتی من perspective رو به تک پدر میدم خروجی نمیده

     

    #top1{
        height: 600px;
        background-color: aquamarine;
        perspective: 1800px;
        margin-bottom: 200px;
    }
    #top1 img{
        /* width: 200px; */
        height: auto;
        margin:100px ;
        float: left;
        transform: rotateY(45deg) translateZ(-50);
        transform-style: preserve-3d;
    }
     
     
     
     <div id="top1">
            <img src="./img/1.jpg" alt="">
        </div>

    سلام وقتتون بخیر

    برای مقدار translateZ واحد px رو نذاشتید

    transform: rotateY(45deg) translateZ(-50px)