Nickel Caps Header
The header separates itself with wide tracking, small caps weight and a thick rule.
Every row is typeset in the family it names so the specimen column becomes its own sample sheet.
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.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.
The header separates itself with wide tracking, small caps weight and a thick rule.
Each cell stacks a bold primary line over a quiet secondary line of supporting detail.
Rule weights step down from thick to hairline and sub nutrients indent under their parent line.
Cell tint density encodes the value so the whole table reads as a small heat map.
Colour chips sit on a woven checker so alpha reads true, and each chip blooms wider under the pointer.
Hovering a row slides it sideways and drops a warm brass rail on its left edge.
A saturated summary bar closes the table and breathes a soft glow around the total.
A role by permission grid where every cell is a tiny three position switch drawn in pure CSS.