تکنیک جالب در وردپرس

شما وقتی یک سایت رو طراحی میکنید و خدمات طراحی سایت ارائه میدید در طراحی وقتی یک سری تکنیک ها را انجام می دهید باعث میشود سایت شکل و شمایل جذابی به خودش بگیره.

در این ویدیو آموزشی به شما با تلفیق کد سی اس اس به المنتور آموزش دادم چطوری وقتی موس روی بخش میاد بک گراند محو و دکمه نمایش داده بشه.

کد های سی اس اس آموزش ویدیویی:

/* مخفی کردن دکمه در حالت عادی */
selector .elementor-widget-button{
    position: absolute;
    top: -25px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 46px;
    transform: translateY(50%) scale(0.95);
    opacity: 0;
    margin: auto 0px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

/* نمایش دادن دکمه در حالت هاور */
selector:hover .elementor-widget-button{
        opacity: 1;
    transform: translateY(0px) scale(1);
}

/* مات کردن گالری عکس */
selector .elementor-widget-image-gallery{
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

selector:hover .elementor-widget-image-gallery{
        transform: scale(0.94);
    filter: blur(8px);
    opacity: 0.8;
}