{"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 Gradient Olu\u015fturucu: Web Tasar\u0131m\u0131n\u0131zda \u015e\u0131k Ge\u00e7i\u015fler","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"4GfE6Q3sBY\"><a href=\"https:\/\/fatihsoysal.com\/blog\/css-gradient-olusturucu-web-tasariminizda-sik-gecisler\/\">CSS Gradient Olu\u015fturucu: Web Tasar\u0131m\u0131n\u0131zda \u015e\u0131k Ge\u00e7i\u015fler<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/css-gradient-olusturucu-web-tasariminizda-sik-gecisler\/embed\/#?secret=4GfE6Q3sBY\" width=\"600\" height=\"338\" title=\"&#8220;CSS Gradient Olu\u015fturucu: Web Tasar\u0131m\u0131n\u0131zda \u015e\u0131k Ge\u00e7i\u015fler&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"4GfE6Q3sBY\" 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 tasar\u0131m\u0131nda g\u00f6rsel \u00e7ekicili\u011fi art\u0131rman\u0131n en etkili yollar\u0131ndan biri, \u015f\u00fcphesiz ki CSS gradientleridir. Bu teknik, iki veya daha fazla renk aras\u0131nda yumu\u015fak bir ge\u00e7i\u015f sa\u011flayarak, statik arka planlardan \u00e7ok daha dinamik ve g\u00f6z al\u0131c\u0131 tasar\u0131mlar olu\u015fturman\u0131za olanak tan\u0131r. Ancak, manuel olarak CSS gradient kodlar\u0131n\u0131 olu\u015fturmak zaman al\u0131c\u0131 ve karma\u015f\u0131k olabilir. \u0130\u015fte bu noktada, CSS gradient olu\u015fturucular devreye girer."}