{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Geni\u015fletilebilir Simgeyle Resim Kutusu Hover Efekti","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"8jAvMCpldx\"><a href=\"https:\/\/fatihsoysal.com\/blog\/genisletilebilir-simgeyle-resim-kutusu-hover-efekti\/\">Geni\u015fletilebilir Simgeyle Resim Kutusu Hover Efekti<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/genisletilebilir-simgeyle-resim-kutusu-hover-efekti\/embed\/#?secret=8jAvMCpldx\" width=\"600\" height=\"338\" title=\"&#8220;Geni\u015fletilebilir Simgeyle Resim Kutusu Hover Efekti&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"8jAvMCpldx\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Bu makalede, web sitenizin g\u00f6rsel \u00e7ekicili\u011fini art\u0131racak, etkileyici bir hover efekti olan \"Geni\u015fletilebilir Simgeyle Resim Kutusu\" efektini nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, basit bir HTML yap\u0131s\u0131 olu\u015fturaca\u011f\u0131z. Daha sonra CSS ile stil verecek ve son olarak JavaScript ile etkile\u015fimlili\u011fi sa\u011flayaca\u011f\u0131z. Bu sayede, kullan\u0131c\u0131 fare imlecini resim kutusu \u00fczerinde gezdirdi\u011finde, bir simge geni\u015fleyerek g\u00f6rsel bir geri bildirim sunacakt\u0131r. Bu, kullan\u0131c\u0131 deneyimini iyile\u015ftirecek ve interaktif bir tasar\u0131m sa\u011flayacakt\u0131r."}