{"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":"Neon Buton Efekti Olu\u015fturma: FSCSS ile Pratik Rehber","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ItNmiqxaG1\"><a href=\"https:\/\/fatihsoysal.com\/blog\/neon-buton-efekti-olusturma-fscss-ile-pratik-rehber\/\">Neon Buton Efekti Olu\u015fturma: FSCSS ile Pratik Rehber<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/neon-buton-efekti-olusturma-fscss-ile-pratik-rehber\/embed\/#?secret=ItNmiqxaG1\" width=\"600\" height=\"338\" title=\"&#8220;Neon Buton Efekti Olu\u015fturma: FSCSS ile Pratik Rehber&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"ItNmiqxaG1\" 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":"Web sitenizin tasar\u0131m\u0131n\u0131 bir \u00fcst seviyeye ta\u015f\u0131mak ve kullan\u0131c\u0131 deneyimini iyile\u015ftirmek mi istiyorsunuz? Par\u0131ldayan, dikkat \u00e7ekici neon butonlar, modern ve etkileyici bir g\u00f6r\u00fcn\u00fcm sa\u011flayarak ziyaret\u00e7ilerinizin dikkatini \u00e7ekebilir. Bu makalede, FSCSS (Flexbox ve CSS) kullanarak g\u00f6z al\u0131c\u0131 neon buton efektleri nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. FSCSS'nin sundu\u011fu esneklik ve kolay kullan\u0131m sayesinde, her seviyeden web geli\u015ftiricisi bu rehberden faydalanabilir. Haz\u0131rsan\u0131z, neon d\u00fcnyas\u0131na dalal\u0131m!"}