Spline
Hubungi pasukan jualanMula membina

Reka Bentuk Kesan Interaktif dengan Progressive Blur dan Gradien Licin

Pelajaran 7 daripada 15HanaPemula9 min

Dalam tutorial ini, kami akan meneroka pelbagai gaya dan teknik untuk mencipta reka bentuk yang lembut dan canggih menggunakan gradien licin dan progressive blur, serta cara mengubahnya menjadi pengalaman interaktif dalam Hana.

Kami akan bermula dengan menerangkan cara menambah gradien dan kesan kabur pada bentuk, kemudian beralih kepada mencipta elemen interaktif seperti animasi hover, kesan yang mengikut kursor, animasi berulang dan kesan kabur berlapis. Semua ini sedia untuk dibenamkan ke dalam projek web anda, tanpa perlu menulis kod! 👌

Adegan demo: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Apa yang akan anda pelajari

  1. 0:00Pengenalan
  2. 0:15Reka bentuk ringkas dengan gradien
  3. 2:57Menambah layer blur
  4. 3:41Mencipta interaksi mouse hover
  5. 5:28Mencipta kesan kabur interaktif pada teks
  6. 6:44Mencipta animasi gradien jejarian yang berulang
  7. 7:43Mencipta kesan gradien dan kabur yang mengikut kursor anda

Sumber berkaitan