{"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":"Modern CSS Ge\u00e7i\u015fleri: GradientsCSS Koleksiyonu","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"l1WAWnXGa7\"><a href=\"https:\/\/fatihsoysal.com\/blog\/modern-css-gecisleri-gradientscss-koleksiyonu\/\">Modern CSS Ge\u00e7i\u015fleri: GradientsCSS Koleksiyonu<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/modern-css-gecisleri-gradientscss-koleksiyonu\/embed\/#?secret=l1WAWnXGa7\" width=\"600\" height=\"338\" title=\"&#8220;Modern CSS Ge\u00e7i\u015fleri: GradientsCSS Koleksiyonu&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"l1WAWnXGa7\" 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\u0131rmak i\u00e7in renk ge\u00e7i\u015fleri (gradients) vazge\u00e7ilmez bir unsurdur. Bu yaz\u0131da, modern ve \u015f\u0131k ge\u00e7i\u015fler sunan GradientsCSS koleksiyonunu detayl\u0131 olarak ele alaca\u011f\u0131z. \u00d6ncelikle, GradientsCSS'nin ne oldu\u011funu ve neden kullanman\u0131z gerekti\u011fini a\u00e7\u0131klayal\u0131m. Sonras\u0131nda ise, pratik \u00f6rnekler ve kod par\u00e7alar\u0131yla birlikte koleksiyonun nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 g\u00f6sterece\u011fiz."}