Saya membutuhkan kode React / Next.js untuk membuat efek animasi scroll pada undangan digital.
Sebagai referensi efek animasi, kurang lebih seperti pada demo berikut:
https://harmony-demo.envelope.id/?mode=demo
(catatan: contoh tersebut dibuat menggunakan Elementor)
Kebutuhan utama:
Efek parallax + zoom yang halus saat scroll / swipe
Satu kali scroll memicu:
Zoom ke titik tertentu pada gambar (x, y)
Pergerakan ringan (parallax)
Munculnya elemen dengan fade in / fade out
Animasi harus terasa smooth dan responsif (desktop & mobile)
Yang saya butuhkan:
Kode saja (React / Next.js)
Fokus pada logika animasi, bukan desain dan bukan backend
Asset/gambar boleh random / placeholder
Kode akan saya modifikasi dan kembangkan sendiri
Nilai tambah (opsional, tapi diutamakan):
Konfigurasi animasi dalam bentuk config / object, misalnya:
Titik zoom (
x,y)Skala zoom
Durasi animasi
Delay
Fade in / fade out element
Loading ...
