Canlı incele Tablolar
Anvil Error Ranking
Hit counts paint a bar straight into the cell background and the worst offender throws sparks.
Tablolar
Cascade Medal Ranks
Rank numbers sit inside metallic medal discs and the leading disc keeps a slow shimmer.
- Stok kodu
- tbl-cascade-medal
- 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ı
Cascade Medal Ranks 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
Cobalt Podium Board
A leaderboard where the top three ranks get medal rails and a glowing first place.
Canlı incele Tablolar
Orbit League Standings
A league table whose leader keeps a small satellite dot circling around its rank badge.
Canlı incele Tablolar
Spindle Test Run
A test report where marks are drawn from borders and the pending case keeps a turning ring.
Canlı incele Tablolar
Sway Playlist Rows
The playing track swaps its number for three equaliser bars that sway out of step with each other.
Canlı incele Tablolar
Girder Capacity Beams
Team load bars run along a beam and anything over capacity turns into drifting hazard hatching.
Canlı incele Tablolar
Gear Dependency Audit
A package list marking outdated versions with a struck number and a pointer to the newer one.
Canlı incele Tablolar
Wisp Vitamin Levels
Each nutrient draws a hairline whisker ending in a soft breathing dot instead of a filled bar.