Canlı incele Modallar
Bearing Timezone Modal
A timezone chooser unfurls sideways from a thin vertical line into a list of offsets.
Modallar
Frost Sheet Modal
A frosted glass panel scales up while the backdrop blurs the scene behind it.
- Stok kodu
- modal-frost-sheet
- 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ı
Frost Sheet 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
Slate Bottom Sheet
A bottom sheet with a grab handle rises from the lower edge with an action bar.
Canlı incele Modallar
Forge Survey Modal
A one question survey unrolls to the right from its left edge above a draggable slider.
Canlı incele Modallar
Obsidian Zoom Modal
The panel starts oversized and pulls back to size while a glow shrinks behind it.
Canlı incele Modallar
Zenith Return Modal
A greyscale return request descends from the top of the scene and grows toward the viewer as it lands.
Canlı incele Modallar
Piston Address Modal
A shipping address form unrolls downward like an accordion from its own top edge.
Canlı incele Modallar
Caliper Currency Modal
A currency selector shears in from the left and straightens its skew as it lands.
Canlı incele Modallar
Conduit Block Modal
A block confirmation opens like an old screen, first widening then unfolding vertically.