Progressive blur ve gradyanlarla etkileşimli bir anahtar oluştur

Ders 8 / 15HanaBaşlangıç4 dk

Bu eğitimde progressive blur + gradyanlar ve etkileşim için bir mouse hover olayı kullanarak tamamen Hana’da yapılmış etkileşimli bir anahtar oluşturmayı gösteriyoruz. Pek çok projede kullanılabilecek ilginç bir tasarım; her adımı birlikte geçeceğiz.

Bu demoyu buradan remiksle: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Neler öğreneceksin

  1. 0:00Giriş
  2. 0:15Temel şekli oluşturmak
  3. 0:39Gradyan eklemek
  4. 1:04Layer blur efekti eklemek
  5. 1:46Tetikleyiciler oluşturmak
  6. 1:57Mouse hover olayını ve geçişleri eklemek
  7. 2:24Beyaz kontürü oluşturmak ve state eklemek
  8. 3:07Kontür için geçişleri ayarlamak
  9. 3:35Bitiş

İlgili kaynaklar