Canlı incele Kartlar
Hydration Bottle Card
Hydration tracker with animated water bottle fill level.
- Stok kodu
- card-molecule-card
- Lisans
- Ücretsiz
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
Üyelik gerekli
Kaynak kodu görmek için ücretsiz üye ol
HTML, CSS, React çıktısı, kopyalama ve tarayıcı editörü giriş yaptıktan sonra açılır.
Bu efektte bir sorun mu var, yoksa daha iyisini mi yazdın? Düzeltme gönder — onaylanırsa puan kazanırsın.
Sorun bildir veya düzeltKatkıda bulunanlar
LibraryCSSEfekti eklediKurucu
Kullanılan teknikler
Bu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
CSS referansı
Molecule Card nasıl kullanılır?
- 1. HTML parçasını sayfanda kullanmak istediğin yere yapıştır.
- 2. CSS bloğunu stil dosyana veya bir
<style>etiketine ekle. - 3. Renkleri ve süreleri kendi tasarımına göre değiştir — bağımlılık yok, saf CSS.
Kartlar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Kartlar koleksiyonuna göz at.
Benzer kart efektleri
TümüCanlı incele Kartlar
Game Controller Card
Game controller product card with a controller silhouette and spec list.
Canlı incele Kartlar
Line Chart Card
Line chart card with a smooth SVG-like curve, gradient fill, and peak marker.
Canlı incele Kartlar
Stamp Certificate
Certificate card with a stamp seal, ornate border, and a calligraphy title.
Canlı incele Kartlar
Canlı incele Kartlar
Trophy Card
Trophy card with a golden cup, glowing aura, and a pedestal nameplate.
Canlı incele Kartlar
Spell Scroll Card
Parchment spell card with arcane runes, a mana cost crystal, and a wax seal.
Canlı incele Kartlar
Jewelry Box Trinket Card
Jewelry box card with open lid, ring, and velvet padding.