آموزش افکت هاور در المنتور

.card{     width: 300px;     height: 280px;     box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);     transition: 0.5s; }  .card:hover{     height: 350px; }  .imgBx{     position: absolute;     top: 20px;     right: 25px;     background: #333;     border-radius: 12px;     transition: 0.5s; }  .card:hover .imgBx{     top: -100px;     scale: 0.75;     box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2); }  .content{     position: absolute;     top: 232px;     width: 100%;     padding: 0 30px;     height: 45px;     overflow: hidden;     text-align: center;     transition: 0.5s; }  .card:hover .content{     top: 90px;     height: 260px; }   @media screen and (max-width: 480px){          .card{     width:280px;     height: 350px; }       .imgBx{     top: -100px;     left:0;     scale: 0.7;     box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2); }          .card .content{     top: 90px;     height: 260px; }      }