Ikon slider Before & After dengan kontras abu-abu dan ungu ditempatkan di tengah untuk menunjukkan Before & After Slider.

Sebelum & Sesudah Slider

Mobile-based Before & After Slider memungkinkan perbandingan dua gambar dengan cara menyeretnya, serta dilengkapi gaya label yang beragam dan penyesuaian filter gambar sehingga cocok untuk berbagai industri.

Pengantar

Pengantar

Pengantar

Pengantar

Pengantar

Pengantar

Before & After Slider adalah slider berbasis seluler untuk membandingkan dua gambar dengan cara menarik. Anda dapat mengatur dengan detail hampir semua elemen seperti gaya pegangan, posisi label, filter gambar, dan jenis interaksi. Anda dapat membuat hasil akhir berkualitas tinggi yang sesuai dengan karakter proyek.

Fitur Utama

Dua Jenis Label

Label statis dapat ditempatkan bebas pada posisi yang diinginkan, sementara label lengket dapat tetap pada pegangan untuk tampilan interaktif.

Kontrol Penuh Gaya Label

Anda dapat mengkustomisasi semua elemen teks seperti font, warna, latar belakang, border, padding, dan filter. Efek fade out/in saat menarik juga termasuk.

Filter Gambar dan Efek Fade

Anda dapat menerapkan filter CSS seperti blur, grayscale, sephia, dan lainnya secara individual pada setiap gambar dan juga mengatur animasi fade-in yang halus saat memuat.

Kontrol Interaksi Pegangan dan Slider

Anda dapat mengatur detail gaya pegangan seperti ukuran pegangan, warna ikon, panjang drag bar, bayangan, serta mengatur respons terhadap tindakan pengguna seperti manipulasi keyboard, reset, dan respons hover.

Kustomisasi Kontainer

Anda bebas mengatur gaya seluruh komponen seperti border frame, bayangan, dan padding.

Deskripsi Tambahan

  • Dapat diterapkan pada semua industri seperti kecantikan, redesain produk, inovasi, dan perbandingan gambar medis.

  • Disebutkan berbasis react-compare-slider, sehingga performanya tinggi dan stabil.

Plugin meminta

Apakah ada plugin yang diperlukan?

Plugin meminta

Apakah ada plugin yang diperlukan?

Menjadi
FramerFramer Ahli

Framer freelance yang berpengalaman dapat mendaftar.
Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
FramerFramer Ahli

Framer freelance yang berpengalaman dapat mendaftar.
Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
FramerFramer Ahli

Jika Anda adalah ahli yang dapat mengambil proyek Framer,
semua orang dapat melamar.
Tidak ada biaya komisi, langsung menghubungkan
pakar dengan klien.