Canlı incele Modallar
Quartz Focus Modal
The dialog arrives out of focus and sharpens as it settles over a gradient veil.
Modallar
Glacier Command Palette
A command palette drops from the top edge and sharpens out of a blur over result rows.
- Stok kodu
- modal-glacier-palette
- 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ı
Glacier Command Palette 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
Cove Logout Modal
A sign out confirmation contracts out of a soft blur beside the avatar it will close.
Canlı incele Modallar
Wisp Tag Modal
A tagging panel condenses out of a blurred wisp while mist bands keep drifting across the scene.
Canlı incele Modallar
Tether Payment Modal
A card entry panel is hauled in from the lower left on a cord that snaps taut behind it.
Canlı incele Modallar
Flux Event Modal
An event detail card wobbles in like jelly over a gradient mesh that keeps shifting behind it.
Canlı incele Modallar
Pylon Expired Modal
A session timeout notice is revealed by a slanted edge sweeping across the panel.
Canlı incele Modallar
Quiver Folder Modal
A kraft cardboard folder prompt lands with a taped tab and quivers to a stop on its own axis.
Canlı incele Modallar
Orbit Feature Modal
A feature announcement travels in along a curved arc while an iridescent sheen keeps orbiting its rim.