{"id":6876,"date":"2026-08-28T14:00:00","date_gmt":"2026-08-28T14:00:00","guid":{"rendered":"https:\/\/erdincbulat.com\/?p=6876"},"modified":"2026-08-28T14:00:00","modified_gmt":"2026-08-28T14:00:00","slug":"elementor-kart-hover-animasyonlari","status":"publish","type":"post","link":"https:\/\/erdincbulat.com\/en\/elementor-kart-hover-animasyonlari\/","title":{"rendered":"Elementor ile Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Nas\u0131l Yap\u0131l\u0131r?"},"content":{"rendered":"<p><strong>Elementor&#8217;un tamamen \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, asimetrik kenarl\u0131k ayarlar\u0131, \u00fczerine gelince renk de\u011fi\u015ftiren (hover) efekti ve kademeli giri\u015f animasyonlar\u0131n\u0131 birle\u015ftirerek sade bir kart tasar\u0131m\u0131n\u0131 \u00e7ok daha &#8220;elit&#8221; ve dinamik bir g\u00f6r\u00fcn\u00fcme kavu\u015fturabilirsiniz.<\/strong> Bu teknik hi\u00e7bir ek eklenti gerektirmiyor \u2014 sadece Elementor&#8217;un kendi kenarl\u0131k ve hareket efekti ayarlar\u0131n\u0131 do\u011fru kombinasyonda kullanmak yeterli. Bu rehberde asimetrik kenarl\u0131k efektini, hover ge\u00e7i\u015fini, stili ba\u015fka kartlara kopyalamay\u0131 ve giri\u015f animasyonlar\u0131n\u0131 kademelendirmeyi video anlat\u0131m\u0131yla g\u00f6steriyoruz.<\/p>\n<figure class=\"wp-block-embed is-type-video wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe width=\"100%\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/_hyOf8JkXrc\" title=\"\u00dccretsiz Elementor \u0130le Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Yap!\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><figcaption>Video: \u00dccretsiz Elementor \u0130le Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Yap! \u2014 <a href=\"https:\/\/www.youtube.com\/watch?v=_hyOf8JkXrc\" target=\"_blank\" rel=\"noopener\">YouTube&#8217;da izleyin<\/a><\/figcaption><\/figure>\n<h2>Bu Teknik Neden \u00dccretsiz S\u00fcr\u00fcmde Bile Uygulanabilir?<\/h2>\n<p>Kenarl\u0131k (border) ayarlar\u0131, ba\u011flant\u0131 vurgusu (hover) durumu ve giri\u015f animasyonlar\u0131, Elementor&#8217;un temel widget&#8217;lar\u0131nda \u00fccretsiz s\u00fcr\u00fcmde de mevcut \u00f6zellikler \u2014 Pro s\u00fcr\u00fcme veya ek bir eklentiye ihtiya\u00e7 yok. Bu, \u00f6zellikle b\u00fct\u00e7esi s\u0131n\u0131rl\u0131 veya hen\u00fcz Pro&#8217;ya ge\u00e7memi\u015f kullan\u0131c\u0131lar i\u00e7in, sitesine profesyonel bir dokunu\u015f katman\u0131n \u00fccretsiz bir yolu.<\/p>\n<h2>Asimetrik Kenarl\u0131k Efekti Nas\u0131l Olu\u015fturulur?<\/h2>\n<p>Standart bir kenarl\u0131k genellikle d\u00f6rt kenara da e\u015fit kal\u0131nl\u0131kta uygulan\u0131r \u2014 bu sade ama s\u0131radan bir g\u00f6r\u00fcn\u00fcm verir. Daha ilgi \u00e7ekici bir sonu\u00e7 i\u00e7in:<\/p>\n<ol>\n<li>Kart konteynerini se\u00e7ip <strong>Stil &gt; Kenarl\u0131k<\/strong> b\u00f6l\u00fcm\u00fcne gelin.<\/li>\n<li>Kenarl\u0131k t\u00fcr\u00fcn\u00fc &#8220;Kat\u0131&#8221; (Solid) se\u00e7in.<\/li>\n<li>D\u00f6rt kenara e\u015fit de\u011fer vermek yerine, sa\u011f ve alt kenara daha kal\u0131n (\u00f6rne\u011fin 6 piksel), sol ve \u00fcst kenara ise daha ince (\u00f6rne\u011fin 2 piksel) bir kal\u0131nl\u0131k verin.<\/li>\n<li>Kenarl\u0131k k\u00f6\u015felerine hafif bir yuvarlakl\u0131k (\u00f6rne\u011fin 4 piksel) ekleyin.<\/li>\n<li>Kenarl\u0131k rengini markan\u0131z\u0131n ana rengiyle e\u015fle\u015ftirin.<\/li>\n<\/ol>\n<p>Bu asimetrik yakla\u015f\u0131m, kart\u0131n standart bir kutudan \u00e7ok, hafif bir &#8220;derinlik&#8221; veya &#8220;g\u00f6lge&#8221; hissi veren, daha \u00f6zg\u00fcn bir g\u00f6r\u00fcn\u00fcme sahip olmas\u0131n\u0131 sa\u011fl\u0131yor.<\/p>\n<h2>Hover (Ba\u011flant\u0131 Vurgusu) Efekti Nas\u0131l Ayarlan\u0131r?<\/h2>\n<p>Kart\u0131n \u00fczerine gelindi\u011finde bir de\u011fi\u015fim ya\u015fanmas\u0131, sayfay\u0131 statikten dinami\u011fe ta\u015f\u0131yan en etkili dokunu\u015flardan biri. Bunun i\u00e7in <strong>Ba\u011flant\u0131 Vurgusu<\/strong> (Hover) sekmesine gelip kenarl\u0131k ayarlar\u0131n\u0131 normal durumdan farkl\u0131 kurgulay\u0131n \u2014 \u00f6rne\u011fin normal durumda sa\u011f\/alt kal\u0131n, sol\/\u00fcst ince iken, hover durumunda sa\u011f kenarl\u0131\u011f\u0131 kald\u0131r\u0131p sadece alt kenarl\u0131\u011f\u0131 b\u0131rakabilirsiniz. Renk taraf\u0131nda da normal durumda koyu bir ton, hover durumunda ise daha parlak\/canl\u0131 bir ton kullanmak, \u00fczerine gelindi\u011finde net bir &#8220;aktifle\u015fme&#8221; hissi yarat\u0131yor.<\/p>\n<h2>Stili Di\u011fer Kartlara Nas\u0131l Kopyalars\u0131n\u0131z?<\/h2>\n<p>Bir kartta istedi\u011finiz g\u00f6r\u00fcn\u00fcm\u00fc elde ettikten sonra, ayn\u0131 ayarlar\u0131 tek tek di\u011fer kartlarda tekrarlaman\u0131za gerek yok. Elementor&#8217;da ilgili konteyneri se\u00e7ip <strong>kopyala<\/strong> dedikten sonra, di\u011fer kart konteynerine sa\u011f t\u0131klay\u0131p <strong>&#8220;Stili Yap\u0131\u015ft\u0131r&#8221;<\/strong> se\u00e7ene\u011fini kulland\u0131\u011f\u0131n\u0131zda, kenarl\u0131k, renk ve hover ayarlar\u0131n\u0131n tamam\u0131 otomatik olarak di\u011fer karta da uygulan\u0131yor. Bu, birden fazla kart\u0131 olan bir b\u00f6l\u00fcmde (hizmetler, \u00f6zellikler, ekip gibi) tutarl\u0131 bir tasar\u0131m\u0131 \u00e7ok h\u0131zl\u0131 bir \u015fekilde yayman\u0131z\u0131 sa\u011fl\u0131yor.<\/p>\n<h2>Giri\u015f Animasyonlar\u0131 (Entrance Animation) Nas\u0131l Kademelendirilir?<\/h2>\n<p>Kenarl\u0131k ve hover efektleri tamamland\u0131ktan sonra, kartlar\u0131n sayfaya ilk y\u00fcklendi\u011finde (veya scroll ile g\u00f6r\u00fcnd\u00fc\u011f\u00fcnde) nas\u0131l &#8220;giri\u015f&#8221; yapaca\u011f\u0131n\u0131 da ayarlayabilirsiniz:<\/p>\n<ol>\n<li>Her kart konteynerini tek tek se\u00e7ip <strong>Geli\u015fmi\u015f &gt; Hareket Efektleri &gt; Giri\u015f Animasyonu<\/strong> b\u00f6l\u00fcm\u00fcne gelin.<\/li>\n<li>Bir animasyon t\u00fcr\u00fc se\u00e7in (fade in, slide in down, zoom in gibi).<\/li>\n<li>Her kart i\u00e7in farkl\u0131 bir <strong>animasyon gecikmesi<\/strong> (delay) belirleyin \u2014 \u00f6rne\u011fin ilk kart 100 milisaniye, ikinci kart 400 milisaniye, \u00fc\u00e7\u00fcnc\u00fc kart 700 milisaniye gecikmeyle girsin.<\/li>\n<\/ol>\n<p>Bu kademeli gecikme, kartlar\u0131n hepsinin ayn\u0131 anda de\u011fil, s\u0131rayla birer birer ekrana &#8220;d\u00fc\u015fmesini&#8221; sa\u011fl\u0131yor \u2014 bu g\u00f6rsel ak\u0131\u015f, sayfaya belirgin bir profesyonellik ve ak\u0131c\u0131l\u0131k kat\u0131yor.<\/p>\n<h2>Hangi Animasyon T\u00fcr\u00fc Ne Zaman Kullan\u0131lmal\u0131?<\/h2>\n<p>Farkl\u0131 animasyon t\u00fcrleri farkl\u0131 bir &#8220;his&#8221; veriyor: <strong>Slide in down<\/strong> gibi y\u00f6n bazl\u0131 animasyonlar daha belirgin, biraz daha &#8220;sert&#8221; bir giri\u015f hissi yarat\u0131rken, <strong>Fade in down<\/strong> gibi solukla\u015farak beliren animasyonlar daha yumu\u015fak ve zarif bir izlenim b\u0131rak\u0131yor. Hangi t\u00fcr\u00fcn do\u011fru oldu\u011fu b\u00fcy\u00fck \u00f6l\u00e7\u00fcde markan\u0131z\u0131n genel tonuna ba\u011fl\u0131 \u2014 daha enerjik\/dinamik bir marka i\u00e7in slide efektleri, daha sakin\/profesyonel bir marka i\u00e7in fade efektleri genellikle daha uyumlu bir se\u00e7im. Animasyon s\u00fcresini (fast\/normal\/slow gibi h\u0131z se\u00e7enekleri) de bu tercihle uyumlu ayarlamak \u00f6nemli \u2014 h\u0131zl\u0131 bir animasyon enerjik bir his verirken, biraz daha yava\u015f bir ge\u00e7i\u015f s\u00fcresi l\u00fcks\/premium bir marka alg\u0131s\u0131n\u0131 destekleyebiliyor. Bu ayarlar\u0131 sitenizin geri kalan\u0131ndaki tonla tutarl\u0131 tutmak, t\u00fcm sayfa boyunca b\u00fct\u00fcnl\u00fckl\u00fc bir deneyim sa\u011fl\u0131yor.<\/p>\n<h2>Bu Detaylar Neden Bu Kadar Fark Yarat\u0131yor?<\/h2>\n<p>Tek ba\u015f\u0131na bak\u0131ld\u0131\u011f\u0131nda her bir ayar (birka\u00e7 piksellik asimetrik kenarl\u0131k, hafif bir renk ge\u00e7i\u015fi, birka\u00e7 y\u00fcz milisaniyelik bir gecikme) \u00e7ok k\u00fc\u00e7\u00fck g\u00f6r\u00fcnebilir. Ama bunlar bir arada uyguland\u0131\u011f\u0131nda, ziyaret\u00e7inin bilin\u00e7alt\u0131nda &#8220;bu site \u00f6zenle tasarlanm\u0131\u015f&#8221; hissi olu\u015fturuyor \u2014 tam tersine, bu detaylardan yoksun, standart\/\u015fablon bir g\u00f6r\u00fcn\u00fcm ise &#8220;h\u0131zl\u0131ca haz\u0131rlanm\u0131\u015f&#8221; izlenimi b\u0131rakabiliyor. Web tasar\u0131m\u0131nda genellikle en b\u00fcy\u00fck fark, b\u00fcy\u00fck yap\u0131sal kararlardan \u00e7ok, bu t\u00fcr k\u00fc\u00e7\u00fck ama tutarl\u0131 detaylardan do\u011fuyor.<\/p>\n<h2>Ger\u00e7ek Bir Senaryo<\/h2>\n<p>Videodaki \u00f6rnekte, sade bir bilgi kart\u0131 (sadece metin i\u00e7eren, hi\u00e7bir kenarl\u0131k veya efekt olmayan bir kutu) ele al\u0131nd\u0131. \u00d6nce sa\u011f ve alt kenara 6 piksel, sol ve \u00fcst kenara 2 piksel kal\u0131nl\u0131\u011f\u0131nda bir kenarl\u0131k eklenip k\u00f6\u015felere hafif bir yuvarlakl\u0131k verildi \u2014 bu tek ad\u0131m bile kart\u0131 belirgin \u015fekilde daha &#8220;tasarlanm\u0131\u015f&#8221; g\u00f6sterdi. Ard\u0131ndan hover durumunda sa\u011f kenarl\u0131\u011f\u0131n kaybolup sadece alt kenarl\u0131\u011f\u0131n kalmas\u0131 ve rengin daha canl\u0131 bir tona d\u00f6nmesi ayarland\u0131. Bu stil kopyalan\u0131p di\u011fer kartlara yap\u0131\u015ft\u0131r\u0131ld\u0131ktan sonra, her karta farkl\u0131 gecikmeli bir giri\u015f animasyonu (100, 400, 700 milisaniye) eklendi. Sonu\u00e7, sayfa a\u015fa\u011f\u0131 kayd\u0131r\u0131ld\u0131\u011f\u0131nda kartlar\u0131n s\u0131rayla, ritmik bir \u015fekilde ekrana &#8220;d\u00fc\u015ft\u00fc\u011f\u00fc&#8221; ve \u00fczerine gelindi\u011finde net bir tepki verdi\u011fi, \u00f6nceki sade halinden \u00e7ok daha canl\u0131 bir tasar\u0131m oldu.<\/p>\n<h2>S\u0131k Sorulan Sorular<\/h2>\n<h3>Bu efektler i\u00e7in Elementor Pro gerekli mi?<\/h3>\n<p>Hay\u0131r, kenarl\u0131k, hover ve giri\u015f animasyonu ayarlar\u0131 Elementor&#8217;un \u00fccretsiz s\u00fcr\u00fcm\u00fcnde de mevcut.<\/p>\n<h3>Ka\u00e7 kart i\u00e7in bu tekni\u011fi uygulayabilirim?<\/h3>\n<p>S\u0131n\u0131rs\u0131z \u2014 &#8220;stili yap\u0131\u015ft\u0131r&#8221; \u00f6zelli\u011fi sayesinde istedi\u011finiz kadar karta ayn\u0131 tasar\u0131m\u0131 h\u0131zl\u0131ca uygulayabilirsiniz.<\/p>\n<h3>Animasyon gecikmesi \u00e7ok uzun tutulursa ne olur?<\/h3>\n<p>Kartlar\u0131n ekrana gelmesi gereksiz yava\u015f hissedilebilir; genellikle 100-800 milisaniye aral\u0131\u011f\u0131 \u00e7o\u011fu tasar\u0131m i\u00e7in dengeli bir sonu\u00e7 veriyor.<\/p>\n<h3>Bu teknik sadece kart tasar\u0131mlar\u0131 i\u00e7in mi ge\u00e7erli?<\/h3>\n<p>Hay\u0131r, ayn\u0131 kenarl\u0131k\/hover\/animasyon mant\u0131\u011f\u0131 butonlar, g\u00f6rsel kutular\u0131 veya herhangi bir konteyner i\u00e7in de uygulanabilir.<\/p>\n<h3>Mobilde bu animasyonlar performans\u0131 etkiler mi?<\/h3>\n<p>Elementor&#8217;un yerle\u015fik CSS tabanl\u0131 animasyonlar\u0131 genellikle hafif \u00e7al\u0131\u015f\u0131r; a\u015f\u0131r\u0131 say\u0131da karma\u015f\u0131k animasyon eklemek d\u0131\u015f\u0131nda performans sorunu beklenmez.<\/p>\n<hr\/>\n<h2>Sitenize Profesyonel Bir Dokunu\u015f mu Katmak \u0130stiyorsunuz?<\/h2>\n<p>Kart animasyonlar\u0131 gibi k\u00fc\u00e7\u00fck ama etkili tasar\u0131m detaylar\u0131yla sitenizi \u00f6ne \u00e7\u0131karmak i\u00e7in <a href=\"https:\/\/erdincbulat.com\/#hizmetlerim\">web tasar\u0131m\u0131 hizmetlerime<\/a> g\u00f6z atabilir ya da do\u011frudan <a href=\"https:\/\/wa.me\/905451249865?text=Merhaba%20Erdin%C3%A7%2C%20sitem%20i%C3%A7in%20kart%20animasyonlar%C4%B1%20gibi%20detaylar%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum.\">WhatsApp&#8217;tan<\/a> ula\u015fabilirsiniz.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"VideoObject\",\n  \"name\": \"\u00dccretsiz Elementor \u0130le Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Yap!\",\n  \"description\": \"Elementor'un \u00fccretsiz s\u00fcr\u00fcm\u00fcyle asimetrik kenarl\u0131k, hover efekti ve kademeli giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131n\u0131n nas\u0131l yap\u0131laca\u011f\u0131n\u0131n anlat\u0131ld\u0131\u011f\u0131 rehber video.\",\n  \"thumbnailUrl\": \"https:\/\/i.ytimg.com\/vi\/_hyOf8JkXrc\/maxresdefault.jpg\",\n  \"uploadDate\": \"2026-03-12\",\n  \"duration\": \"PT9M1S\",\n  \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/_hyOf8JkXrc\",\n  \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=_hyOf8JkXrc\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Erdin\u00e7 Bulat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/erdincbulat.com\/wp-content\/uploads\/2025\/08\/financial-3-e1754402004480.webp\"\n    }\n  }\n}\n<\/script><\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Bu efektler i\u00e7in Elementor Pro gerekli mi?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Hay\u0131r, kenarl\u0131k, hover ve giri\u015f animasyonu ayarlar\u0131 Elementor'un \u00fccretsiz s\u00fcr\u00fcm\u00fcnde de mevcut.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Ka\u00e7 kart i\u00e7in bu tekni\u011fi uygulayabilirim?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"S\u0131n\u0131rs\u0131z \u2014 stili yap\u0131\u015ft\u0131r \u00f6zelli\u011fi sayesinde istedi\u011finiz kadar karta ayn\u0131 tasar\u0131m\u0131 h\u0131zl\u0131ca uygulayabilirsiniz.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Animasyon gecikmesi \u00e7ok uzun tutulursa ne olur?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Kartlar\u0131n ekrana gelmesi gereksiz yava\u015f hissedilebilir; 100-800 milisaniye aral\u0131\u011f\u0131 \u00e7o\u011fu tasar\u0131m i\u00e7in dengeli bir sonu\u00e7 veriyor.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Bu teknik sadece kart tasar\u0131mlar\u0131 i\u00e7in mi ge\u00e7erli?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Hay\u0131r, ayn\u0131 mant\u0131k butonlar, g\u00f6rsel kutular\u0131 veya herhangi bir konteyner i\u00e7in de uygulanabilir.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Mobilde bu animasyonlar performans\u0131 etkiler mi?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Elementor'un yerle\u015fik CSS tabanl\u0131 animasyonlar\u0131 genellikle hafif \u00e7al\u0131\u015f\u0131r, performans sorunu beklenmez.\"\n      }\n    }\n  ]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor&#8217;un tamamen \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, asimetrik kenarl\u0131k ayarlar\u0131, \u00fczerine gelince renk de\u011fi\u015ftiren (hover) efekti ve kademeli giri\u015f animasyonlar\u0131n\u0131 birle\u015ftirerek sade bir kart tasar\u0131m\u0131n\u0131 \u00e7ok daha &#8220;elit&#8221; ve dinamik bir g\u00f6r\u00fcn\u00fcme kavu\u015fturabilirsiniz. Bu teknik hi\u00e7bir ek eklenti gerektirmiyor \u2014 sadece Elementor&#8217;un kendi kenarl\u0131k ve hareket efekti ayarlar\u0131n\u0131 do\u011fru kombinasyonda kullanmak yeterli. Bu rehberde asimetrik kenarl\u0131k efektini, hover&hellip;<\/p>","protected":false},"author":1,"featured_media":6873,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":3,"footnotes":""},"categories":[64],"tags":[39,93,40],"class_list":["post-6876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-eklentiler","tag-elementor","tag-hover-animasyonu","tag-wordpress","category-64","description-off"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)<\/title>\n<meta name=\"description\" content=\"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/erdincbulat.com\/en\/elementor-kart-hover-animasyonlari\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)\" \/>\n<meta property=\"og:description\" content=\"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erdincbulat.com\/en\/elementor-kart-hover-animasyonlari\/\" \/>\n<meta property=\"og:site_name\" content=\"Erdin\u00e7 Bulat\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-28T14:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"erdinc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"erdinc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/\"},\"author\":{\"name\":\"erdinc\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#\\\/schema\\\/person\\\/9a8c7f618404b06026b53ab13b29e34f\"},\"headline\":\"Elementor ile Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Nas\u0131l Yap\u0131l\u0131r?\",\"datePublished\":\"2026-08-28T14:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/\"},\"wordCount\":1279,\"publisher\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/elementor-kart-hover-animasyonlari.jpg\",\"keywords\":[\"elementor\",\"hover animasyonu\",\"wordpress\"],\"articleSection\":[\"WordPress &amp; Eklentiler\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/\",\"url\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/\",\"name\":\"Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/elementor-kart-hover-animasyonlari.jpg\",\"datePublished\":\"2026-08-28T14:00:00+00:00\",\"description\":\"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#primaryimage\",\"url\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/elementor-kart-hover-animasyonlari.jpg\",\"contentUrl\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/elementor-kart-hover-animasyonlari.jpg\",\"width\":1280,\"height\":720,\"caption\":\"Elementor ile kart hover animasyonlar\u0131 tasar\u0131m\u0131\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/elementor-kart-hover-animasyonlari\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/erdincbulat.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor ile Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Nas\u0131l Yap\u0131l\u0131r?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#website\",\"url\":\"https:\\\/\\\/erdincbulat.com\\\/\",\"name\":\"Erdin\u00e7 Bulat\",\"description\":\"Freelance Web Tasar\u0131m ve SEO Uzman\u0131\",\"publisher\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#organization\"},\"alternateName\":\"Erdin\u00e7 Bulat\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/erdincbulat.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#organization\",\"name\":\"Erdin\u00e7 Bulat\",\"url\":\"https:\\\/\\\/erdincbulat.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/financial-3-e1754402004480.webp\",\"contentUrl\":\"https:\\\/\\\/erdincbulat.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/financial-3-e1754402004480.webp\",\"width\":242,\"height\":142,\"caption\":\"Erdin\u00e7 Bulat\"},\"image\":{\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/erdincbulatcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/erdincbulat\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@erdincbulat\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/erdincbulat.com\\\/#\\\/schema\\\/person\\\/9a8c7f618404b06026b53ab13b29e34f\",\"name\":\"erdinc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g\",\"caption\":\"erdinc\"},\"sameAs\":[\"https:\\\/\\\/erdincbulat.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)","description":"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/erdincbulat.com\/en\/elementor-kart-hover-animasyonlari\/","og_locale":"en_US","og_type":"article","og_title":"Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)","og_description":"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.","og_url":"https:\/\/erdincbulat.com\/en\/elementor-kart-hover-animasyonlari\/","og_site_name":"Erdin\u00e7 Bulat","article_published_time":"2026-08-28T14:00:00+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg","type":"image\/jpeg"}],"author":"erdinc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"erdinc","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#article","isPartOf":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/"},"author":{"name":"erdinc","@id":"https:\/\/erdincbulat.com\/#\/schema\/person\/9a8c7f618404b06026b53ab13b29e34f"},"headline":"Elementor ile Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Nas\u0131l Yap\u0131l\u0131r?","datePublished":"2026-08-28T14:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/"},"wordCount":1279,"publisher":{"@id":"https:\/\/erdincbulat.com\/#organization"},"image":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#primaryimage"},"thumbnailUrl":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg","keywords":["elementor","hover animasyonu","wordpress"],"articleSection":["WordPress &amp; Eklentiler"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/","url":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/","name":"Elementor ile Kart Hover Animasyonlar\u0131 (\u00dccretsiz)","isPartOf":{"@id":"https:\/\/erdincbulat.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#primaryimage"},"image":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#primaryimage"},"thumbnailUrl":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg","datePublished":"2026-08-28T14:00:00+00:00","description":"Elementorun \u00fccretsiz s\u00fcr\u00fcm\u00fcyle, kenarl\u0131k ve giri\u015f animasyonlar\u0131yla elit g\u00f6r\u00fcn\u00fcml\u00fc kart tasar\u0131mlar\u0131 nas\u0131l yap\u0131l\u0131r? Ad\u0131m ad\u0131m rehber.","breadcrumb":{"@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#primaryimage","url":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg","contentUrl":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2026\/08\/elementor-kart-hover-animasyonlari.jpg","width":1280,"height":720,"caption":"Elementor ile kart hover animasyonlar\u0131 tasar\u0131m\u0131"},{"@type":"BreadcrumbList","@id":"https:\/\/erdincbulat.com\/elementor-kart-hover-animasyonlari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/erdincbulat.com\/"},{"@type":"ListItem","position":2,"name":"Elementor ile Elit G\u00f6r\u00fcn\u00fcml\u00fc Kart Hover Animasyonlar\u0131 Nas\u0131l Yap\u0131l\u0131r?"}]},{"@type":"WebSite","@id":"https:\/\/erdincbulat.com\/#website","url":"https:\/\/erdincbulat.com\/","name":"Erdin\u00e7 Bulat","description":"Freelance Web Tasar\u0131m ve SEO Uzman\u0131","publisher":{"@id":"https:\/\/erdincbulat.com\/#organization"},"alternateName":"Erdin\u00e7 Bulat","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/erdincbulat.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/erdincbulat.com\/#organization","name":"Erdin\u00e7 Bulat","url":"https:\/\/erdincbulat.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/erdincbulat.com\/#\/schema\/logo\/image\/","url":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2025\/08\/financial-3-e1754402004480.webp","contentUrl":"https:\/\/erdincbulat.com\/wp-content\/uploads\/2025\/08\/financial-3-e1754402004480.webp","width":242,"height":142,"caption":"Erdin\u00e7 Bulat"},"image":{"@id":"https:\/\/erdincbulat.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/erdincbulatcom\/","https:\/\/www.linkedin.com\/in\/erdincbulat\/","https:\/\/www.youtube.com\/@erdincbulat"]},{"@type":"Person","@id":"https:\/\/erdincbulat.com\/#\/schema\/person\/9a8c7f618404b06026b53ab13b29e34f","name":"erdinc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eebf39778e716d449ba48c6da16387158bff9306370c66d307dc85c3680df739?s=96&d=mm&r=g","caption":"erdinc"},"sameAs":["https:\/\/erdincbulat.com"]}]}},"_links":{"self":[{"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/posts\/6876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/comments?post=6876"}],"version-history":[{"count":1,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/posts\/6876\/revisions"}],"predecessor-version":[{"id":7007,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/posts\/6876\/revisions\/7007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/media\/6873"}],"wp:attachment":[{"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/media?parent=6876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/categories?post=6876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erdincbulat.com\/en\/wp-json\/wp\/v2\/tags?post=6876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}