Wordpress Kullanarak

Nasıl Yapılacağını Öğrenin

Benimle Birlikte Bir Web Sitesi Yapın

zoom-in-kart-efekti-blog
27 Eki/25

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;
}Code language: CSS (css)

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);
}Code language: CSS (css)
Cart (0 items)

2006’dan beri web siteleri yapıyorum, ancak bazen takılıp kaldığım anlar oldu ve bu yüzden bırakmayı düşündüm. 2015 yılında, web sitesi oluşturmayı çok daha kolay hale getiren bir WordPress teması keşfettim. Bu sayede WordPress ile site yapma konusundaki bilgimi başkalarıyla paylaşmaya karar verdim, böylece benim yaşadığım zorlukları sizler yaşamayacaksınız. Bunun sonucunda, eğitimler izleyebileceğiniz, kurslar alabileceğiniz ve WordPress ile ilgili en iyi araçları öğrenebileceğiniz bir platform ortaya çıktı. Amacım, herkesin harika web siteleri oluşturmasına yardımcı olmak.