Canlı incele Modallar
Slate Bottom Sheet
A bottom sheet with a grab handle rises from the lower edge with an action bar.
- Stok kodu
- modal-brass-drawer
- 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.
CSS referansı
Brass Drawer Modal 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.
Modallar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Modallar koleksiyonuna göz at.
Benzer modal efektleri
TümüCanlı incele Modallar
Cobalt Left Drawer
A navigation drawer glides in from the left edge with a stacked link column.
Canlı incele Modallar
Pearl Price Modal
A pricing card rises into view with a plan badge, feature list and call to action.
Canlı incele Modallar
Tundra Share Modal
A share sheet rises and its destination tiles arrive one after another above a link row.
Canlı incele Modallar
Frost Sheet Modal
A frosted glass panel scales up while the backdrop blurs the scene behind it.
Canlı incele Modallar
Granite Form Modal
An invite form slides up with two labelled fields and a split action footer.
Canlı incele Modallar
Flange App Modal
An app download prompt shoots in from the right edge, overshoots and snaps back into line.
Canlı incele Modallar
Circuit Verification Modal
A one time code dialog swings open on its left hinge with six slots and a blinking caret.