Canlı incele Tablolar
Nickel Caps Header
The header separates itself with wide tracking, small caps weight and a thick rule.
Tablolar
Dune Detached Header
The header floats as its own card above the body block with a real gap between them.
- Stok kodu
- tbl-dune-detached
- 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ı
Dune Detached Header 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
Willow Header Icons
Each header label is prefixed by a small icon drawn purely from borders and shadows.
Canlı incele Tablolar
Zenith Screen Ratios
Each resolution row draws its own aspect ratio as a scaled outline so shapes compare at a glance.
Canlı incele Tablolar
Garnet Column Stripes
Shading runs vertically instead of horizontally so every other column is tinted.
Canlı incele Tablolar
Basalt Airy Rows
Generous vertical rhythm gives three roomy rows plenty of breathing space.
Canlı incele Tablolar
Ruby Sort Caret
Header cells carry sort carets and the active one nudges up and down gently.
Canlı incele Tablolar
Copper Sticky Header
The header stays pinned with position sticky while the body scrolls underneath.
Canlı incele Tablolar
Meadow Hairline Sweep
A two pixel gradient thread runs under the header row and drifts across it forever.