Spline
Satış ekibiyle görüşOluşturmaya başla

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

HanaBaş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

İlgili eğitimler

Tüm eğitimler
Progressive blur ve yumuşak gradyanlarla etkileşimli efektler tasarla

HanaBaşlangıç9 dk

3D’de Liquid Glass malzemeleri oluştur

Spline 3DBaşlangıç12 dk

Spline’da değişkenler ve gerçek zamanlı API’lerle 3D veri görselleştirmeleri nasıl oluşturulur

Spline 3Dİleri15 dk