Canlı incele Tablolar
Granite Gradient Header
A wide gradient band sweeps across the header row in a slow continuous loop.
- Stok kodu
- tbl-ruby-sortcaret
- 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
- @keyframes@keyframes ile CSS animasyonu
- :hover:hover ve geçişlerle etkileşim efektleri
- ::before / ::after::before ve ::after ile katman kurma
CSS referansı
Ruby Sort Caret 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
Thicket Sortable Header
Header buttons show a stacked caret pair and the active column lights its lower caret.
Canlı incele Tablolar
Meadow Hairline Sweep
A two pixel gradient thread runs under the header row and drifts across it forever.
Canlı incele Tablolar
Copper Sticky Header
The header stays pinned with position sticky while the body scrolls underneath.
Canlı incele Tablolar
Dynamo Split Test
The winning variant is charged by a rail of light travelling down its left edge without stopping.
Canlı incele Tablolar
Gasket Payment History
Charge rows pair overlapping card discs with edge marked status chips, one still breathing on hold.
Canlı incele Tablolar
Kiln Certificate Heat
Certificates close to expiry glow like cooling metal and the lapsed one is struck out cold.
Canlı incele Tablolar
Dune Detached Header
The header floats as its own card above the body block with a real gap between them.