{"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":"Kayd\u0131rma Odakl\u0131 Animasyonlarla CSS Becerilerinizi Zirveye Ta\u015f\u0131y\u0131n","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"7qbfZaoJ5q\"><a href=\"https:\/\/fatihsoysal.com\/blog\/kaydirma-odakli-animasyonlarla-css-becerilerinizi-zirveye-tasiyin\/\">Kayd\u0131rma Odakl\u0131 Animasyonlarla CSS Becerilerinizi Zirveye Ta\u015f\u0131y\u0131n<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/kaydirma-odakli-animasyonlarla-css-becerilerinizi-zirveye-tasiyin\/embed\/#?secret=7qbfZaoJ5q\" width=\"600\" height=\"338\" title=\"&#8220;Kayd\u0131rma Odakl\u0131 Animasyonlarla CSS Becerilerinizi Zirveye Ta\u015f\u0131y\u0131n&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"7qbfZaoJ5q\" 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, ben Fatih Soysal. Web tasar\u0131m ve geli\u015ftirme alan\u0131nda uzun y\u0131llard\u0131r \u00e7al\u0131\u015f\u0131yorum ve bug\u00fcn sizlerle heyecan verici bir konuyu payla\u015fmak istiyorum: Kayd\u0131rma odakl\u0131 animasyonlar. Bu teknik, ziyaret\u00e7ilerin sayfan\u0131z\u0131 a\u015fa\u011f\u0131 do\u011fru kayd\u0131rd\u0131k\u00e7a g\u00f6rsel \u00f6\u011felerin animasyonlu bir \u015fekilde g\u00f6r\u00fcnmesini sa\u011flar. Sonu\u00e7 olarak, daha etkile\u015fimli ve g\u00f6z al\u0131c\u0131 web siteleri yaratman\u0131za olanak tan\u0131r. Bu makalede, bu g\u00fc\u00e7l\u00fc tekni\u011fin temellerini ve ileri seviye uygulamalar\u0131n\u0131 ele alaca\u011f\u0131z."}