‹ Kembali ke AuraChine
MOTION SYSTEMMotion Design
Animasi lembut ala iOS: hanya transform dan opacity, tanpa blur berat, supaya tetap licin di HP.
Preset animasi
Berlaku langsung di seluruh website, tersimpan di perangkat ini.
Easing & durasi
Tap kartu untuk memutar ulang.
Cepat · 180msease-out-expo
Standar · 320mscubic-bezier(.22,1,.36,1)
Halus · 520mscubic-bezier(.22,1,.36,1)
Spring · 600mscubic-bezier(.34,1.56,.64,1)
Transisi halaman
Home, Library, dan Search memakai fade + geser lembut. Detail drama naik seperti sheet.
Aturan performa
- Tanpa backdrop-filter di kartu, overlay, dan tombol. Blur hanya di navbar desktop.
- Hanya transform & opacity yang dianimasikan, tidak ada filter atau ukuran.
- content-visibility pada section, jadi bagian di luar layar tidak dirender.
- Halaman tetap hidup: pindah Home, Library, Search tanpa muat ulang dan posisi scroll diingat.
- hls.js dimuat belakangan, hanya saat video siap diputar.