Pearl Avatar Accordion
Each row opens with an initial badge that brightens as the message unfolds.
A bare list where a small dot swells into an open ring beside the active row.
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.
Each row opens with an initial badge that brightens as the message unfolds.
Softly embossed panels sink into the surface the moment their section opens.
The trailing action word slides out and its opposite slides in on toggle.
Error codes open into a cause and fix pair while the code chip picks up a ring.
A resin coloured rail down the left edge stretches to full height when open.
Permission rows squash open from the top edge to explain why access is requested.
Numbered ledger rows where the brass index chip fills as the note unrolls.
An order summary whose subtotal rows unroll with dotted leaders under a fixed total.