Gradient statis 135°, tanpa perubahan apa pun saat hover. Baseline yang dipakai di flights-serp.html sekarang.
tanpa transition
V1 · Wipe Turun
Atas → bawah
Lapisan gradient kebalikan (amber → violet) turun dari sisi atas menutupi tombol, ditutup glow ungu. Ini yang kamu minta.
transform: scaleY(0→1) · origin top · 450ms ease-in-out
V2 · Gradient Geser
Atas → bawah
Bukan lapisan baru — gradient-nya sendiri yang bergeser turun. Warnanya berpindah halus tanpa garis batas yang kelihatan.
background-position: 0% → 100% · size 100%/300% · 550ms ease-in-out
V3 · Bloom Radial
Tengah → luar
Warna mekar dari titik tengah tombol ke segala arah, glow amber ikut melebar. Terasa paling "menyala".
transform: scale(0→1.6) · radial-gradient · 500ms ease-in-out
V4 · Kilau Sapu
Kiri → kanan
Gradient dasar tetap, cuma disapu kilau putih miring sekali jalan, plus tombol terangkat 2px. Paling halus, tidak mengubah warna.
left: -60% → 120% · skewX(-18°) · 600ms ease-in-out
V5 · Ghost Balik
Isi → outline
Gradient memudar jadi tombol outline transparan, teks berubah magenta. Kebalikan dari pola isi — enak buat kartu yang sudah ramai.
opacity: 1 → 0 + color swap · 450ms ease-in-out