سلام
من یک کد 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;
}
}
به محمد علینقیان کمک کنید تا مشکل خودش را حل کند؛ اینطور میتوانیم با هم پیشرفت کنیم.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟