{"id":12844,"date":"2025-02-18T17:30:11","date_gmt":"2025-02-18T14:30:11","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/"},"modified":"2025-02-18T17:30:11","modified_gmt":"2025-02-18T14:30:11","slug":"css-trigonometri-ile-sonsuz-dongu-animasyonu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/","title":{"rendered":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu"},"content":{"rendered":"<p><body><\/p>\n<p>CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu<\/p>\n<p>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.<\/p>\n<p><strong>Temel Kavramlar:<\/strong> Sin\u00fcs ve kosin\u00fcs fonksiyonlar\u0131, bir daire \u00fczerindeki bir noktan\u0131n x ve y koordinatlar\u0131n\u0131 hesaplamak i\u00e7in kullan\u0131l\u0131r.  Animasyonumuzda, bu koordinatlar\u0131 bir dairesel y\u00f6r\u00fcnge boyunca hareket eden bir eleman\u0131n konumunu belirlemek i\u00e7in kullanaca\u011f\u0131z.  Bu sayede, s\u00fcrekli hareket eden ve tekrar eden bir animasyon olu\u015fturaca\u011f\u0131z.<\/p>\n<h2>Kodlamaya Ba\u015fl\u0131yoruz<\/h2>\n<p>\u015eimdi, kodumuza ge\u00e7elim.  A\u015fa\u011f\u0131da, CSS kullanarak sonsuz bir y\u00f6r\u00fcnge animasyonu olu\u015fturmak i\u00e7in gereken HTML ve CSS kodlar\u0131n\u0131 bulabilirsiniz.  Bu \u00f6rnekte, animasyon i\u00e7in bir daire kullanaca\u011f\u0131z.<\/p>\n<pre><code class=\"language-html\">\n&lt;div class=\"container\"&gt;\n  &lt;div class=\"orbit\"&gt;&lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<pre><code class=\"language-css\">\n.container {\n  width: 200px;\n  height: 200px;\n  position: relative;\n}\n\n.orbit {\n  width: 20px;\n  height: 20px;\n  background-color: blue;\n  position: absolute;\n  animation: orbit 5s linear infinite;\n}\n\n@keyframes orbit {\n  0% {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n<\/code><\/pre>\n<p>Bu kodda,  orbit s\u0131n\u0131f\u0131na sahip div eleman\u0131,  @keyframes direktifi ile tan\u0131mlanan orbit animasyonunu kullanarak dairesel bir y\u00f6r\u00fcngede d\u00f6ner.  transform: translate(-50%, -50%) ile eleman\u0131n tam merkezde konumlanmas\u0131 sa\u011flan\u0131r.  rotate(360deg) ise tam bir d\u00f6n\u00fc\u015f\u00fc temsil eder.<\/p>\n<h2>Daha \u0130leri Seviye Animasyonlar<\/h2>\n<p>Bu temel \u00f6rne\u011fi geli\u015ftirerek, daha karma\u015f\u0131k ve etkileyici animasyonlar olu\u015fturabilirsiniz.  \u00d6rne\u011fin, y\u00f6r\u00fcngenin boyutunu, h\u0131z\u0131n\u0131 ve rengini de\u011fi\u015ftirebilirsiniz. Ayr\u0131ca,  birden fazla eleman\u0131 ayn\u0131 anda animasyonland\u0131rarak daha g\u00f6rsel bir etki elde edebilirsiniz.  Bunun i\u00e7in, CSS de\u011fi\u015fkenlerini ve daha karma\u015f\u0131k trigonometrik hesaplamalar\u0131 kullanabilirsiniz.<\/p>\n<p>\u00d6rne\u011fin, y\u00f6r\u00fcngenin yar\u0131\u00e7ap\u0131n\u0131 ve h\u0131z\u0131n\u0131 dinamik olarak de\u011fi\u015ftirmek i\u00e7in JavaScript kullanabilirsiniz.  Bu sayede, etkile\u015fimli animasyonlar olu\u015fturabilirsiniz. Daha fazla bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\" target=\"_blank\">fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz.  Ayr\u0131ca,  <a href=\"https:\/\/dev.to\/preetha_vaishnavi_2b82358\/infinite-orbit-animation-with-css-trigonometry-34ek\" target=\"_blank\">buradaki<\/a> \u0130ngilizce makaleye de bakabilirsiniz.  Bu makale, daha detayl\u0131 bilgi ve \u00f6rnekler i\u00e7ermektedir.<\/p>\n<p>Umar\u0131m bu makale, CSS trigonometri kullanarak sonsuz d\u00f6ng\u00fc animasyonlar\u0131 olu\u015fturman\u0131zda yard\u0131mc\u0131 olmu\u015ftur.  Bu teknik, yarat\u0131c\u0131 ve etkileyici web siteleri olu\u015fturmak i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.  Daha fazla \u00f6\u011frenmek ve prati\u011fe d\u00f6kmek i\u00e7in bolca kaynak mevcuttur.  Ba\u015far\u0131lar!<\/p>\n<p>#Etiketler: CSS animasyon, CSS trigonometri, sonsuz d\u00f6ng\u00fc, animasyon, web geli\u015ftirme, CSS, kodlama, tutorial, e\u011fitim,  sin\u00fcs, kosin\u00fcs, dairesel hareket,  y\u00f6r\u00fcnge animasyonu<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu Web geli\u015ftirmede animasyonlar, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. Bu yaz\u0131da, CSS trigonometrik&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-12844","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu<\/title>\n<meta name=\"description\" content=\"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.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu\" \/>\n<meta property=\"og:description\" content=\"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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-18T14:30:11+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu\",\"datePublished\":\"2025-02-18T14:30:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\"},\"wordCount\":428,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\",\"name\":\"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-02-18T14:30:11+00:00\",\"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.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu","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.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/","og_locale":"tr_TR","og_type":"article","og_title":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu","og_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.","og_url":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-02-18T14:30:11+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu","datePublished":"2025-02-18T14:30:11+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/"},"wordCount":428,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/","url":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/","name":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-02-18T14:30:11+00:00","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.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/css-trigonometri-ile-sonsuz-dongu-animasyonu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS Trigonometri ile Sonsuz D\u00f6ng\u00fc Animasyonu"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/12844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=12844"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/12844\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=12844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=12844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=12844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}