{"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":"Anime.js ile \u00c7arpraz Kayd\u0131r\u0131c\u0131 Olu\u015fturma","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ZXunrsFam5\"><a href=\"https:\/\/fatihsoysal.com\/blog\/anime-js-ile-carpraz-kaydirici-olusturma\/\">Anime.js ile \u00c7arpraz Kayd\u0131r\u0131c\u0131 Olu\u015fturma<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/anime-js-ile-carpraz-kaydirici-olusturma\/embed\/#?secret=ZXunrsFam5\" width=\"600\" height=\"338\" title=\"&#8220;Anime.js ile \u00c7arpraz Kayd\u0131r\u0131c\u0131 Olu\u015fturma&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"ZXunrsFam5\" 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, bug\u00fcn sizlere Anime.js k\u00fct\u00fcphanesini kullanarak nas\u0131l etkileyici bir \u00e7arpraz kayd\u0131r\u0131c\u0131 (diagonal slider) olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu teknik, web sitenize dinamik ve modern bir g\u00f6r\u00fcn\u00fcm kazand\u0131rman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle, Anime.js'nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 a\u00e7\u0131klayal\u0131m. Anime.js, JavaScript tabanl\u0131 bir animasyon k\u00fct\u00fcphanesi olup, web geli\u015ftirmede kolay ve ak\u0131c\u0131 animasyonlar olu\u015fturmay\u0131 sa\u011flar. Kullan\u0131m\u0131 olduk\u00e7a basittir ve karma\u015f\u0131k animasyonlar i\u00e7in bile temiz ve okunabilir bir kod yap\u0131s\u0131 sunar."}