{"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 Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"qOlcMIf6Jc\"><a href=\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\">CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/embed\/#?secret=qOlcMIf6Jc\" width=\"600\" height=\"338\" title=\"&#8220;CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"qOlcMIf6Jc\" 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 geli\u015ftirmede animasyonlar, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. Bu yaz\u0131da, CSS trigonometrik fonksiyonlar\u0131n\u0131 kullanarak sonsuz bir y\u00f6r\u00fcnge animasyonu nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ayr\u0131nt\u0131l\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu teknik, basit animasyonlardan karma\u015f\u0131k grafiklere kadar geni\u015f bir yelpazede kullan\u0131labilir. \u00d6ncelikle temel trigonometrik kavramlar\u0131 hat\u0131rlayal\u0131m; sin\u00fcs ve kosin\u00fcs fonksiyonlar\u0131 dairesel hareket sim\u00fcle etmekte olduk\u00e7a etkilidir."}