{"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":"Framer Motion ve Tailwind ile Gelece\u011fin Web Animasyonlar\u0131","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"x07fthoJxB\"><a href=\"https:\/\/fatihsoysal.com\/blog\/framer-motion-ve-tailwind-ile-gelecegin-web-animasyonlari\/\">Framer Motion ve Tailwind ile Gelece\u011fin Web Animasyonlar\u0131<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/framer-motion-ve-tailwind-ile-gelecegin-web-animasyonlari\/embed\/#?secret=x07fthoJxB\" width=\"600\" height=\"338\" title=\"&#8220;Framer Motion ve Tailwind ile Gelece\u011fin Web Animasyonlar\u0131&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"x07fthoJxB\" 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\u015ftirme d\u00fcnyas\u0131 her ge\u00e7en g\u00fcn daha interaktif ve g\u00f6rsel olarak zengin hale geliyor. Kullan\u0131c\u0131lar\u0131n beklentileri y\u00fckseldik\u00e7e, web siteleri ve uygulamalar i\u00e7in etkileyici animasyonlar ve ak\u0131c\u0131 aray\u00fcz ge\u00e7i\u015fleri olmazsa olmaz bir hale geldi. Peki, modern webin bu h\u0131z\u0131na ayak uydurmak ve unutulmaz kullan\u0131c\u0131 deneyimleri sunmak i\u00e7in hangi ara\u00e7lara g\u00fcvenmeliyiz? \u0130\u015fte tam da bu noktada Framer Motion ve Tailwind CSS ikilisi, 2025 ve sonras\u0131 i\u00e7in web animasyonlar\u0131 olu\u015fturmada size e\u015fsiz bir g\u00fc\u00e7 ve esneklik sunan modern bir teknoloji y\u0131\u011f\u0131n\u0131 olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor."}