{"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":"JavaScript Scroll Snap Olaylar\u0131 ile Kayd\u0131rma Tetikli Animasyonlar","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"MTjdtLGwST\"><a href=\"https:\/\/fatihsoysal.com\/blog\/javascript-scroll-snap-olaylari-ile-kaydirma-tetikli-animasyonlar\/\">JavaScript Scroll Snap Olaylar\u0131 ile Kayd\u0131rma Tetikli Animasyonlar<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/javascript-scroll-snap-olaylari-ile-kaydirma-tetikli-animasyonlar\/embed\/#?secret=MTjdtLGwST\" width=\"600\" height=\"338\" title=\"&#8220;JavaScript Scroll Snap Olaylar\u0131 ile Kayd\u0131rma Tetikli Animasyonlar&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"MTjdtLGwST\" 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 sizlerle JavaScript'in sundu\u011fu scroll snap \u00f6zelli\u011fini kullanarak kayd\u0131rma tetikli animasyonlar olu\u015fturman\u0131n \u00e7e\u015fitli yollar\u0131n\u0131 inceleyece\u011fiz. Bu y\u00f6ntemler, kullan\u0131c\u0131 deneyimini zenginle\u015ftirmek ve etkile\u015fimli web sayfalar\u0131 tasarlamak i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. \u00d6ncelikle, scroll snap'in ne oldu\u011funu ve nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamakla ba\u015flayal\u0131m. Ard\u0131ndan, bu \u00f6zelli\u011fi kullanarak animasyonlar olu\u015fturman\u0131n farkl\u0131 tekniklerini ve bunlar\u0131n avantajlar\u0131n\u0131 detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z."}