Canlı incele Akordeonlar
Copper Rule Accordion
No shadows at all: a hairline rule draws itself in copper when a row opens.
Akordeonlar
Quartz Clip Accordion
The panel is wiped open from the left edge with an animated clip path.
- Stok kodu
- acc-quartz-clip
- 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üzeltKullanılan teknikler
Bu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
Rehberler
CSS referansı
Quartz Clip Accordion 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.
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.
Benzer akordeon efektleri
TümüCanlı incele Akordeonlar
Cusp Zip Accordion
A zipper runs under the header and its pull travels across as the pocket opens.
Canlı incele Akordeonlar
Valve Logs Accordion
Log levels collapse into groups and the valve wheel turns a quarter when opened.
Canlı incele Akordeonlar
Turbine Account Accordion
Account sections tilt down on a hinge in real perspective instead of sliding open.
Canlı incele Akordeonlar
Summit Thick Accordion
The open section thickens its outline while the padding shrinks to absorb it.
Canlı incele Akordeonlar
Flint Triangle Accordion
A clipped triangle marker pivots downward when its section takes the focus.
Canlı incele Akordeonlar
Cove Swap Accordion
The trailing action word slides out and its opposite slides in on toggle.
Canlı incele Akordeonlar
Girder Team Accordion
Crew groups slide their members in from the left beside a drawn truss marker.