Halo Room Compare
Amenity levels are drawn as radial gradient rings and hovering a row lays a halo around them.
Hovering a row slides it sideways and drops a warm brass rail on its left edge.
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.
Amenity levels are drawn as radial gradient rings and hovering a row lays a halo around them.
Generous vertical rhythm gives three roomy rows plenty of breathing space.
Pointing at any cell lights the whole column through a pure CSS has() selector.
Hovering a fixture arcs open a second line under the tie that lists the goal scorers.
A before and after column pair marked with minus and plus gutters like a review diff view.
A soft rounded shell clips the table so the first and last rows curve with it.
Long record values are clipped in place and reel sideways on hover instead of widening the table.
Shortcut rows render real key caps that sink into the board when the row is pointed at.