Hydration Bottle Card
Hydration tracker with animated water bottle fill level.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
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üzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.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.
Hydration tracker with animated water bottle fill level.
404 error card with a glitchy number, lost-in-space motif, and a home button.
Whiskey tasting flight card with samples, ages, and regions.
Wall-mounted museum plaque with engraved brass text and four mounting screws.
Line chart card with a smooth SVG-like curve, gradient fill, and peak marker.
Parchment spell card with arcane runes, a mana cost crystal, and a wax seal.
Cashback offer card with a coin stack icon, percentage, and a claim button.
CD jewel case card with a disc peeking out and album tracklist.