{"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 Animasyonlar\u0131 ile Akl\u0131n\u0131z\u0131 Ba\u015f\u0131n\u0131zdan Alacak Etkiler!","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"PnQoHki1ns\"><a href=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-animasyonlari-ile-aklinizi-basinizdan-alacak-etkiler\/\">Tailwind CSS Animasyonlar\u0131 ile Akl\u0131n\u0131z\u0131 Ba\u015f\u0131n\u0131zdan Alacak Etkiler!<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-animasyonlari-ile-aklinizi-basinizdan-alacak-etkiler\/embed\/#?secret=PnQoHki1ns\" width=\"600\" height=\"338\" title=\"&#8220;Tailwind CSS Animasyonlar\u0131 ile Akl\u0131n\u0131z\u0131 Ba\u015f\u0131n\u0131zdan Alacak Etkiler!&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"PnQoHki1ns\" 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":"Tailwind CSS, son y\u0131llarda web tasar\u0131mc\u0131lar\u0131 aras\u0131nda pop\u00fclerli\u011fini h\u0131zla artt\u0131ran bir CSS \u00e7er\u00e7evesidir. Bir\u00e7ok \u00f6nceden tan\u0131mlanm\u0131\u015f yard\u0131mc\u0131 s\u0131n\u0131f\u0131 sayesinde, tasar\u0131mc\u0131lar h\u0131zl\u0131 ve kolay bir \u015fekilde \u00f6zelle\u015ftirilebilir web sayfalar\u0131 olu\u015fturabiliyor. Ancak Tailwind CSS'nin sundu\u011fu \u00f6zelliklerden biri de animasyonlard\u0131r. Animasyonlar, web sitenize hareketlilik, dinamiklik ve etkile\u015fim katman\u0131za yard\u0131mc\u0131 olur. Bu yaz\u0131da, Tailwind CSS'nin sundu\u011fu harika animasyonlar\u0131 ke\u015ffedecek ve akl\u0131n\u0131z\u0131 ba\u015f\u0131n\u0131zdan alacak etkiler yaratman\u0131za yard\u0131mc\u0131 olacak baz\u0131 ipu\u00e7lar\u0131 payla\u015faca\u011f\u0131m."}