محمد علینقیان
3 ماه پیش توسط محمد علینقیان مطرح شد
0 پاسخ

اعمال کد css در ios

سلام
من یک کد css توی سایتم که با المنتور طراحی کردم گذاشتم و این که این کد توی سیستم اندروید کار میکنه ولی در ios کار نمیکه
ممنون میشم کمکم کنید . کد :

selector .content-area{
    --hover-box-width: 150px;
}
selector .content-area,.content-area .elementor-icon,.icon-section{
    transition: all 0.5s !important;
}
selector .content-area:hover .icon-section{
    height: var(--hover-box-width);
    width:  var(--hover-box-width);
   right: calc(-1*(var(--hover-box-width)/2)) !important;
    top: calc(50% - var(--hover-box-width)/2) !important;
}
selector .content-area:hover .elementor-icon{
    font-size: 50px !important;
}
selector .icon-section{
    backdrop-filter: blur(20px);
    height: calc(100% - 40px);
    width:  calc(100% - 40px);
}   

/*RESPONSIVE*/
@media (max-width: 767px){
    selector .content-area{
        max-width: 300px;
    }
    selector .icon-section{
        height:60%;
        }
    selector .content-area:hover .icon-section{
        top: -50px !important;
        height: auto;
            width:  calc(100% - 40px);
        right: 20px !important;
    }
    selector .content-area:hover .elementor-icon{
        font-size: 75px !important;
    }
}

ثبت پرسش جدید

به همدیگه کمک کنیم

به محمد علینقیان کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام