Zoom In Profil Kart Efekti Nasıl Yapılır?

Zoom in Hover CSS

selector {
    position: relative;
    overflow: hidden !important;
    z-index: 0;
}

selector::before,
selector .elementor-background-overlay {
    transition: transform 0.9s ease-in-out !important;
    transform-origin: left center !important; 
    will-change: transform;
}

selector:hover::before,
selector:hover .elementor-background-overlay {
    transform: scale(2) !important;
}

Widget CSS

selector .elementor-widget {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(15px);
    transition: all 0.5s ease-in-out !important;
}

selector:hover .elementor-widget {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0);
}