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; }