https://yalniz.net/assets/anim.js?v=1

1/* =========================================================================
2   Yalnız Bilişim — kaydırınca beliren (scroll reveal) animasyon
3   - Gizleme: enjekte edilen CSS (.reveal). Belirme: inline stil (kuralları ezer).
4   - getBoundingClientRect tabanlı; her ortamda güvenilir.
5   - 4 sn güvenlik: hiçbir koşulda içerik gizli kalmaz.
6   - prefers-reduced-motion / IE'de animasyon yok, içerik normal görünür.
7   ========================================================================= */
8(function () {
9  "use strict";
10  var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
11
12  // .reveal öğelerini sadece animasyon açıkken gizle (dosya yüklenmezse görünür kalır)
13  if (!reduce) {
14    var st = document.createElement("style");
15    st.textContent = ".reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}";
16    document.head.appendChild(st);
17  }
18
19  function reveal(el) { el.style.opacity = "1"; el.style.transform = "none"; }
20
21  function run() {
22    if (reduce) return; // gizleme yok; içerik zaten görünür
23    var els = [].slice.call(document.querySelectorAll(".reveal"));
24
25    function check() {
26      var h = window.innerHeight || document.documentElement.clientHeight;
27      for (var i = els.length - 1; i >= 0; i--) {
28        if (els[i].getBoundingClientRect().top < h * 0.88) { reveal(els[i]); els.splice(i, 1); }
29      }
30    }
31
32    var ticking = false;
33    function onScroll() {
34      if (ticking) return;
35      ticking = true;
36      (window.requestAnimationFrame || setTimeout)(function () { check(); ticking = false; });
37    }
38
39    check();
40    window.addEventListener("scroll", onScroll, { passive: true });
41    window.addEventListener("resize", onScroll);
42    window.addEventListener("load", check);
43    setTimeout(check, 300);
44    setTimeout(function () { for (var i = 0; i < els.length; i++) reveal(els[i]); els.length = 0; }, 4000); // son güvenlik
45  }
46
47  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", run);
48  else run();
49})();