Canlı incele Tablolar
Amber Compact Rows
A dense log style table that packs six tight rows into a small amber panel.
Tablolar
Opal Cell Meter
Every row carries an inline progress meter that grows out from its left edge.
- Stok kodu
- tbl-opal-meter
- Görüntülenme
- 0
- 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üzeltOpal Cell Meter 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 Tablolar efektleri
TümüCanlı incele Tablolar
Anvil Error Ranking
Hit counts paint a bar straight into the cell background and the worst offender throws sparks.
Canlı incele Tablolar
Arc Fixture Reveal
Hovering a fixture arcs open a second line under the tie that lists the goal scorers.
Canlı incele Tablolar
Aurora Schedule Grid
A weekly planner grid where booked slots become coloured chips under a drifting header.
Canlı incele Tablolar
Basalt Airy Rows
Generous vertical rhythm gives three roomy rows plenty of breathing space.
Canlı incele Tablolar
Bearing Stock Levels
An inventory sheet where the row below the reorder point flags itself with a blinking triangle.
Canlı incele Tablolar
Bloom Palette Swatches
Colour chips sit on a woven checker so alpha reads true, and each chip blooms wider under the pointer.
Canlı incele Tablolar
Brass Row Lift
Hovering a row slides it sideways and drops a warm brass rail on its left edge.