{"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":"Tailwind CSS ile Animasyonlu Input Alan\u0131 Olu\u015fturma","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"35cNSLIi53\"><a href=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-animasyonlu-input-alani-olusturma\/\">Tailwind CSS ile Animasyonlu Input Alan\u0131 Olu\u015fturma<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-animasyonlu-input-alani-olusturma\/embed\/#?secret=35cNSLIi53\" width=\"600\" height=\"338\" title=\"&#8220;Tailwind CSS ile Animasyonlu Input Alan\u0131 Olu\u015fturma&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"35cNSLIi53\" 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 Tailwind CSS kullanarak etkileyici ve kullan\u0131\u015fl\u0131 animasyonlu input alanlar\u0131 olu\u015fturmay\u0131 \u00f6\u011fretece\u011fim. Bu makalede, hem temel HTML yap\u0131s\u0131n\u0131 hem de Tailwind CSS'in g\u00fcc\u00fcnden faydalanarak animasyonlar\u0131 nas\u0131l uygulayabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Web sitemi de dahil olmak \u00fczere bir\u00e7ok projede bu tekni\u011fi ba\u015far\u0131l\u0131 bir \u015fekilde kullan\u0131yorum."}