Spline
Hubungi tim penjualanMulai berkarya

Membuat Switch Interaktif dengan Progressive Blur dan Gradien

HanaPemula4 mnt

Dalam tutorial ini, kami akan menunjukkan cara membuat switch interaktif yang 100% dibuat di Hana dengan progressive blur + gradien, serta event mouse hover untuk interaksinya. Ini desain menarik yang bisa dipakai di berbagai proyek, dan kami akan memandu Anda di setiap langkahnya.

Remix demo ini di sini: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Yang akan Anda pelajari

  1. 0:00Intro
  2. 0:15Membuat bentuk dasar
  3. 0:39Menambahkan gradien
  4. 1:04Menambahkan efek layer blur
  5. 1:46Membuat pemicu
  6. 1:57Menambahkan event mouse hover + transisi
  7. 2:24Membuat stroke putih + menambahkan state
  8. 3:07Mengatur transisi untuk stroke
  9. 3:35Penutup

Sumber terkait

Tutorial terkait

Semua tutorial
Mendesain Efek Interaktif dengan Progressive Blur dan Gradien Halus

HanaPemula9 mnt

Membuat Material Liquid Glass dalam 3D

Spline 3DPemula12 mnt

Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-Time

Spline 3DLanjutan15 mnt