Cipta Suis Interaktif dengan Progressive Blur dan Gradien

Pelajaran 8 daripada 15HanaPemula4 min

Dalam tutorial ini, kami akan menunjukkan cara mencipta suis interaktif yang dibuat 100% dalam Hana menggunakan progressive blur + gradien, serta peristiwa mouse hover untuk interaksinya. Ia reka bentuk menarik yang boleh digunakan dalam pelbagai projek, dan kami akan membimbing anda melalui setiap langkah.

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

Apa yang akan anda pelajari

  1. 0:00Pengenalan
  2. 0:15Mencipta bentuk asas
  3. 0:39Menambah gradien
  4. 1:04Menambah kesan layer blur
  5. 1:46Mencipta pencetus
  6. 1:57Menambah peristiwa mouse hover + peralihan
  7. 2:24Mencipta garisan putih + menambah keadaan
  8. 3:07Menetapkan peralihan untuk garisan
  9. 3:35Penamat

Sumber berkaitan