Canlı incele Tablolar
Ridge Frozen Column
The first column stays pinned while the remaining columns scroll sideways under it.
Tablolar
Garnet Column Stripes
Shading runs vertically instead of horizontally so every other column is tinted.
- Stok kodu
- tbl-garnet-stripecol
- 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.
CSS referansı
Garnet Column Stripes 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
Dune Detached Header
The header floats as its own card above the body block with a real gap between them.
Canlı incele Tablolar
Basalt Airy Rows
Generous vertical rhythm gives three roomy rows plenty of breathing space.
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
Slate Column Scan
Pointing at any cell lights the whole column through a pure CSS has() selector.
Canlı incele Tablolar
Echo Film Ratings
Star ratings fill part way by clipping a hard stop gradient straight into the glyph text.
Canlı incele Tablolar
Meadow Hairline Sweep
A two pixel gradient thread runs under the header row and drifts across it forever.
Canlı incele Tablolar
Brass Row Lift
Hovering a row slides it sideways and drops a warm brass rail on its left edge.