Ivory Dot Accordion
A bare list where a small dot swells into an open ring beside the active row.
Depth comes only from inset hairlines, never from a drop shadow underneath.
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.Akordeonlar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Akordeonlar koleksiyonuna göz at.
A bare list where a small dot swells into an open ring beside the active row.
Error codes open into a cause and fix pair while the code chip picks up a ring.
No boxes at all: dotted rules divide the rows and the label spaces out.
No shadows at all: a hairline rule draws itself in copper when a row opens.
Filing cabinet drawers slide toward you and throw a shadow while they stay out.
Heavy black outlines over a hard offset block that snaps open in two steps.
Softly embossed panels sink into the surface the moment their section opens.
Numbered ledger rows where the brass index chip fills as the note unrolls.