Canlı incele Tablolar
Wisp Vitamin Levels
Each nutrient draws a hairline whisker ending in a soft breathing dot instead of a filled bar.
Tablolar
Drift Nutrition Label
Rule weights step down from thick to hairline and sub nutrients indent under their parent line.
- Stok kodu
- tbl-drift-nutrition
- 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üzeltKullanılan teknikler
Bu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
Rehberler
CSS referansı
Drift Nutrition Label 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.
Tablolar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Tablolar koleksiyonuna göz at.
Benzer tablo efektleri
TümüCanlı incele Tablolar
Ripple Weather Week
Daily lows and highs become offset range bars and the wet days ripple with drifting streaks.
Canlı incele Tablolar
Meadow Hairline Sweep
A two pixel gradient thread runs under the header row and drifts across it forever.
Canlı incele Tablolar
Cobalt Podium Board
A leaderboard where the top three ranks get medal rails and a glowing first place.
Canlı incele Tablolar
Cascade Medal Ranks
Rank numbers sit inside metallic medal discs and the leading disc keeps a slow shimmer.
Canlı incele Tablolar
Hush Font Specimens
Every row is typeset in the family it names so the specimen column becomes its own sample sheet.
Canlı incele Tablolar
Lattice Endpoint List
An API route list with colour coded method badges under a slowly weaving lattice header.
Canlı incele Tablolar
Socket Port Map
Open ports draw a marching dash line so live traffic reads at a glance and idle ones sit still.