CSS Snippet (Blur Zoom Hover Effect)

selector{
    --zoom-in: 1.3;
    --zoom-out: 0.7;
    --hover-background: ;
}
selector{
    transition: all .5;
}
selector:hover .services{
    filter: blur(5px);
    transform: scale(var(--zoom-out));
}
.services{
    transform: scale(1);
    transition: all .5s;
}
.services:hover{
    transform: scale(var(--zoom-in)) !important;
    z-index: 2;
    filter: blur(0px) !important;
}
selector .elementor-widget-wrap{
    transition: all .5s;
}
selector .services:hover .elementor-widget-wrap{
    background: var(--hover-background) !important;
}

Want to outrank big websites on Google?

Without backlinks, without high DR, without digital PR. Just content optimization.

Click to enlarge.

Your popup content goes here

50%

Where should we send the template?

After entering your email address, you will be added to our newsletter subscribers. You can unsubscribe anytime.