Wisp Cabinet Accordion
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.
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.
Filing cabinet drawers slide toward you and throw a shadow while they stay out.
A settings panel whose groups unfold into rows that each carry a working switch.
Primary colour circle, square and triangle mark rows that grow from zero.
Error codes open into a cause and fix pair while the code chip picks up a ring.
Softly embossed panels sink into the surface the moment their section opens.
Depth comes only from inset hairlines, never from a drop shadow underneath.
Grid template rows grow from zero while a mica flake glints beside the label.
Every header carries a small metal switch that slides over as the row opens.