Hareketli \u00c7izgiler Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* \u00c7izgi animasyonlar\u0131 *\/\n @keyframes slideAcross {\n 0% { transform: translateX(-100%); opacity: 0; }\n 50% { opacity: 0.5; }\n 100% { transform: translateX(100%); opacity: 0; }\n }\n @keyframes slideAcrossReverse {\n 0% { transform: translateX(100%); opacity: 0; }\n 50% { opacity: 0.5; }\n 100% { transform: translateX(-100%); opacity: 0; }\n }\n @keyframes slideVertical {\n 0% { transform: translateY(-100%); opacity: 0; }\n 50% { opacity: 0.4; }\n 100% { transform: translateY(100%); opacity: 0; }\n }\n @keyframes slideVerticalReverse {\n 0% { transform: translateY(100%); opacity: 0; }\n 50% { opacity: 0.4; }\n 100% { transform: translateY(-100%); opacity: 0; }\n }<\/p>\n<p> \/* Animasyonlar\u0131 elementlere uygulama *\/\n .line-slide-1 { animation: slideAcross 15s linear infinite; }\n .line-slide-2 { animation: slideAcrossReverse 18s linear infinite 2s; } \/* Gecikmeli ba\u015flama *\/\n .line-slide-3 { animation: slideVertical 20s linear infinite 1s; }\n .line-slide-4 { animation: slideVerticalReverse 16s linear infinite 3s; }\n .line-slide-5 { animation: slideAcross 22s linear infinite 4s; }\n .line-slide-6 { animation: slideVertical 19s linear infinite 5s; }<\/p>\n<\/style>\n<p><\/head><br \/>\n<body class=\"bg-gray-900\"> <\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden text-white p-8\">\n<div class=\"absolute inset-0 z-0 opacity-70\">\n<div class=\"absolute top-[10%] left-0 w-full h-px bg-cyan-400 line-slide-1\"><\/div>\n<div class=\"absolute top-[30%] left-0 w-full h-px bg-pink-500 line-slide-2\"><\/div>\n<div class=\"absolute bottom-[20%] left-0 w-full h-px bg-emerald-400 line-slide-5\"><\/div>\n<div class=\"absolute top-0 left-[25%] w-px h-full bg-purple-500 line-slide-3\"><\/div>\n<div class=\"absolute top-0 right-[30%] w-px h-full bg-yellow-300 line-slide-4\"><\/div>\n<div class=\"absolute top-0 left-[50%] w-px h-full bg-orange-400 line-slide-6\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-3xl mx-auto\">\n<h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black mb-6 leading-tight drop-shadow-lg\">\n Dinamik Ak\u0131\u015f<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-gray-200 mb-10 font-light drop-shadow-sm\">\n S\u00fcrekli hareket eden \u00e7izgilerin enerjisiyle modern ve canl\u0131 tasar\u0131mlar.\n <\/p>\n<p> <a href=\"#incele\"\n class=\"inline-block bg-cyan-500 hover:bg-cyan-600 text-white font-bold py-3 px-10 rounded-full transition duration-300 ease-in-out transform hover:scale-105 shadow-lg focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-gray-900\"><br \/>\n \u0130ncele<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p> <\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1324","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1324"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1324"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1324"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1324,"date":"2025-04-12T23:41:46","date_gmt":"2025-04-12T20:41:46","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?landing_page=hareketli-cizgiler-hero-tasarimi"},"modified":"2025-04-12T23:41:46","modified_gmt":"2025-04-12T20:41:46","slug":"hareketli-cizgiler-hero-tasarimi","status":"publish","type":"landing_page","link":"https:\/\/mudosdigital.com\/tr\/store\/hareketli-cizgiler-hero-tasarimi\/","title":{"rendered":"Hareketli \u00c7izgiler Hero Tasar\u0131m\u0131"},"content":{"rendered":"

\n
\n
\n
\n
\n Hareketli \u00c7izgiler Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* \u00c7izgi animasyonlar\u0131 *\/\n @keyframes slideAcross {\n 0% { transform: translateX(-100%); opacity: 0; }\n 50% { opacity: 0.5; }\n 100% { transform: translateX(100%); opacity: 0; }\n }\n @keyframes slideAcrossReverse {\n 0% { transform: translateX(100%); opacity: 0; }\n 50% { opacity: 0.5; }\n 100% { transform: translateX(-100%); opacity: 0; }\n }\n @keyframes slideVertical {\n 0% { transform: translateY(-100%); opacity: 0; }\n 50% { opacity: 0.4; }\n 100% { transform: translateY(100%); opacity: 0; }\n }\n @keyframes slideVerticalReverse {\n 0% { transform: translateY(100%); opacity: 0; }\n 50% { opacity: 0.4; }\n 100% { transform: translateY(-100%); opacity: 0; }\n }<\/p>\n<p> \/* Animasyonlar\u0131 elementlere uygulama *\/\n .line-slide-1 { animation: slideAcross 15s linear infinite; }\n .line-slide-2 { animation: slideAcrossReverse 18s linear infinite 2s; } \/* Gecikmeli ba\u015flama *\/\n .line-slide-3 { animation: slideVertical 20s linear infinite 1s; }\n .line-slide-4 { animation: slideVerticalReverse 16s linear infinite 3s; }\n .line-slide-5 { animation: slideAcross 22s linear infinite 4s; }\n .line-slide-6 { animation: slideVertical 19s linear infinite 5s; }<\/p>\n<\/style>\n<p><\/head><br \/>\n<body class=\"bg-gray-900\"> <\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden text-white p-8\">\n<div class=\"absolute inset-0 z-0 opacity-70\">\n<div class=\"absolute top-[10%] left-0 w-full h-px bg-cyan-400 line-slide-1\"><\/div>\n<div class=\"absolute top-[30%] left-0 w-full h-px bg-pink-500 line-slide-2\"><\/div>\n<div class=\"absolute bottom-[20%] left-0 w-full h-px bg-emerald-400 line-slide-5\"><\/div>\n<div class=\"absolute top-0 left-[25%] w-px h-full bg-purple-500 line-slide-3\"><\/div>\n<div class=\"absolute top-0 right-[30%] w-px h-full bg-yellow-300 line-slide-4\"><\/div>\n<div class=\"absolute top-0 left-[50%] w-px h-full bg-orange-400 line-slide-6\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-3xl mx-auto\">\n<h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black mb-6 leading-tight drop-shadow-lg\">\n Dinamik Ak\u0131\u015f<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-gray-200 mb-10 font-light drop-shadow-sm\">\n S\u00fcrekli hareket eden \u00e7izgilerin enerjisiyle modern ve canl\u0131 tasar\u0131mlar.\n <\/p>\n<p> <a href=\"#incele\"\n class=\"inline-block bg-cyan-500 hover:bg-cyan-600 text-white font-bold py-3 px-10 rounded-full transition duration-300 ease-in-out transform hover:scale-105 shadow-lg focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-gray-900\"><br \/>\n \u0130ncele<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p> <\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1324","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1324"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1324"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1324"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}