{"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":"S\u0131v\u0131 Yuvarlak D\u00fc\u011fme Animasyonu: Etkileyici UI Deneyimleri Yarat\u0131n","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"K1PwWPQzok\"><a href=\"https:\/\/fatihsoysal.com\/blog\/sivi-yuvarlak-dugme-animasyonu-etkileyici-ui-deneyimleri-yaratin\/\">S\u0131v\u0131 Yuvarlak D\u00fc\u011fme Animasyonu: Etkileyici UI Deneyimleri Yarat\u0131n<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/sivi-yuvarlak-dugme-animasyonu-etkileyici-ui-deneyimleri-yaratin\/embed\/#?secret=K1PwWPQzok\" width=\"600\" height=\"338\" title=\"&#8220;S\u0131v\u0131 Yuvarlak D\u00fc\u011fme Animasyonu: Etkileyici UI Deneyimleri Yarat\u0131n&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"K1PwWPQzok\" 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":"G\u00fcn\u00fcm\u00fcz modern web uygulamalar\u0131nda ve mobil aray\u00fczlerde kullan\u0131c\u0131 deneyimi (UX), ba\u015far\u0131n\u0131n anahtarlar\u0131ndan biri haline geldi. Etkile\u015fimli ve ak\u0131c\u0131 aray\u00fczler, kullan\u0131c\u0131lar\u0131n bir uygulamay\u0131 veya web sitesini daha keyifli bulmas\u0131n\u0131 ve dolay\u0131s\u0131yla daha uzun s\u00fcre kullanmas\u0131n\u0131 sa\u011flar. Bu noktada, \"S\u0131v\u0131 Yuvarlak D\u00fc\u011fme Animasyonu\" gibi estetik ve fonksiyonel animasyonlar devreye giriyor. Peki, kullan\u0131c\u0131lar\u0131n dikkatini \u00e7eken, onlara g\u00f6rsel bir geri bildirim sunan ve adeta dokundu\u011funuzda veya \u00fczerine geldi\u011finizde eriyip \u015fekil de\u011fi\u015ftiren bu d\u00fc\u011fme efektleri tam olarak nedir ve web geli\u015ftiricileri i\u00e7in neden bu kadar \u00f6nemlidir?"}