/* ========================================================================== Albayrak Bilisim - Hareket Politikasi (Motion Policy) Amac: Tasarimi degistirmeden, giris efektlerini sakin ve kisa tutmak. Bu dosya custom.css'ten SONRA yuklenmelidir. ========================================================================== */ /* -------------------------------------------------------------------------- 1) Fail-safe gorunurluk custom.css icindeki .reveal kutulari GSAP tarafindan gorunur yapiliyordu. GSAP wipe animasyonu kaldirildigi icin varsayilan gorunur olmalari sart. -------------------------------------------------------------------------- */ .reveal { visibility: visible; } /* Harf harf animasyon kaldirildi; basliklar dogrudan render edilir. */ .text-anime-style-1, .text-anime-style-2, .text-anime-style-3 { opacity: 1; visibility: visible; } /* -------------------------------------------------------------------------- 2) Sakin giris efekti .ab-motion sinifi uzerine yalnizca JS + IntersectionObserver varsa ve kullanici hareket azaltma istemiyorsa eklenir. Aksi halde tum icerik hicbir gecikme olmadan gorunur kalir. -------------------------------------------------------------------------- */ .ab-motion .wow { opacity: 0; transform: translate3d(0, 12px, 0); } .ab-motion .wow.is-visible { opacity: 1; transform: none; transition: opacity 280ms ease-out, transform 280ms ease-out; } /* Ilk ekranda (viewport icinde) olan icerik beklemez, animasyonsuz gelir. */ .ab-motion .wow.is-instant { opacity: 1; transform: none; transition: none; } /* animate.css keyframe'leri devre disi: WOW.js artik kullanilmiyor. */ .wow { animation-name: none !important; visibility: visible !important; } /* -------------------------------------------------------------------------- 3) Kart ve gorsel mikro etkilesimleri Hover efektleri korunur, ancak sureleri kisaltilip yumusatilir. -------------------------------------------------------------------------- */ .image-anime:hover:after { transition: all 400ms ease-out; } /* -------------------------------------------------------------------------- 4) Erisilebilirlik: prefers-reduced-motion -------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .ab-motion .wow, .ab-motion .wow.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; } *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; } /* Kayan hizmet seridi durdurulur; aksi halde animasyon son karesine atlayip serit tamamen ekran disina kayardi. */ .scrolling-content { animation: none !important; transform: none !important; } }