Morph Pill Card
Profil fotoğrafı ve isim içeren küçük bir kapsülün, üzerine geldiğinde tam bir karta dönüştüğü bileşen. İmleci üzerine getirdiğinde, klavyeyle odaklandığında ya da dokunmatik ekranda dokunduğunda kapsülün beyaz yüzeyi büyüyerek karta dönüşüyor: yuvarlak profil fotoğrafı soldaki büyük görsele dönüşürken isim kartın başlığına taşınıyor; alt başlık, bilgi satırları, açıklama ve buton yer açıldıkça beliriyor. Kart kapandığında her şey eski yerine dönüyor ve yüzey yeniden kapsül hâlini alıyor. Kart, sayfadaki diğer öğeleri itmeden onların üzerinde açılıyor. Aynı yüzey iki farklı boyut arasında geçiş yaptığı için arkadan ayrı bir kart belirmiyor; kapsülün kendisi karta dönüşüyor. Demoda kişi, ürün ve koyu temalı etkinlik kartı olmak üzere üç örnek var. Ekip sayfaları, ürün listeleri ve etkinlik duyuruları için Vite + React tabanlı bir bileşen.
Canlı Önizlemeyi Gör →İndirdikten sonra
- 1.ZIP'i bilgisayarında aç, klasördeki HOW_TO_USE.md dosyasına göz at.
- 2.Parçayı projene ekle ya da klasörü Claude'a verip nereye nasıl yerleştireceğini sor.
Yorumlar
- Henüz yorum yok. İlk yorumu sen yaz.