{"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":"CSS Fonksiyonlar\u0131: Pratik \u00d6rneklerle Tam Rehber","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"FvApKLJjNE\"><a href=\"https:\/\/fatihsoysal.com\/blog\/css-fonksiyonlari-pratik-orneklerle-tam-rehber\/\">CSS Fonksiyonlar\u0131: Pratik \u00d6rneklerle Tam Rehber<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/css-fonksiyonlari-pratik-orneklerle-tam-rehber\/embed\/#?secret=FvApKLJjNE\" width=\"600\" height=\"338\" title=\"&#8220;CSS Fonksiyonlar\u0131: Pratik \u00d6rneklerle Tam Rehber&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"FvApKLJjNE\" 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! Fatih Soysal olarak, web geli\u015ftirme d\u00fcnyas\u0131nda vazge\u00e7ilmez bir unsur olan CSS fonksiyonlar\u0131n\u0131 detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131m\u0131z bu kapsaml\u0131 rehbere ho\u015f geldiniz. Bu rehberde, web projelerinizde s\u0131kl\u0131kla kullanaca\u011f\u0131n\u0131z CSS fonksiyonlar\u0131n\u0131 pratik \u00f6rneklerle a\u00e7\u0131klayacak ve anlaman\u0131z\u0131 kolayla\u015ft\u0131raca\u011f\u0131m. \u00d6ncelikle, CSS fonksiyonlar\u0131n\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131 ve neden \u00f6nemli olduklar\u0131n\u0131 k\u0131saca \u00f6zetleyelim. CSS fonksiyonlar\u0131, stil ve tasar\u0131m\u0131n\u0131za dinamiklik katman\u0131za olanak tan\u0131r. \u00d6rne\u011fin, renkleri kar\u0131\u015ft\u0131rmaktan, metin g\u00f6lgesi eklemeye kadar bir\u00e7ok i\u015flemi kolayla\u015ft\u0131r\u0131r."}