تمرین transform

    سلام استاد تمرین جلسه transform ،امیدوارم خوب شده باشه

           .cont {
                width: 250px;
                min-height: 100px;
                height: auto;
                margin: 100px auto;
                border: 1px solid #00000016;
                border-radius: 5px;
                background-color: #eee;
                padding: 8px;
                transition: transform 1s,box-shadow 1s;
            }

            img {
                display: block;
                margin: 0 auto 10px auto;
                width: 100%;
                height: auto;
                border-radius: inherit;
            }

            p {
                font-family: tahoma;
                font-size: 18px;
                color: #242424;
                direction: rtl;
            }

            p span {
                color: red;
            }
            .cont:hover{
                transform: translateY(-10px);
                box-shadow: 1px 1px 5px #666;
            }
     
     
     
       <div class="cont">
            <img src="pic/1.jpg" alt="">
            <p>سرخ کن فیلیپس <span>با ضمانت</span></p>
            <p>5400000 <span>تومان</span></p>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Assumenda maiores sint culpa minima eligendi animi
               </p>
        </div>

    سلام.. خوب بود ممنون از زمانی که صرف کردید