Canlı incele Modallar
Bloom Level Up Modal
A chunky pixel art level up panel blooms open in five discrete jumps and then fills its XP bar.
Modallar
Ratchet Permission Modal
A notification permission prompt drops in stepwise, clicking down one notch at a time.
- Stok kodu
- modal-ratchet-permission
- 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ı
Ratchet Permission 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
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
Flint Spotlight Modal
A circular iris opens across the dialog while a spotlight gradient lights the scene.
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
Jade Drop Modal
The dialog falls from above the scene and bounces twice before it settles.
Canlı incele Modallar
Anvil Reconnect Modal
A reconnection notice slams down and squashes on impact while a retry ring keeps turning.
Canlı incele Modallar
Amber Alert Modal
A warning dialog jolts sideways on entry with an amber icon beside the heading.
Canlı incele Modallar
Wander Tracking Modal
A quiet shipping panel with hairline rules where a vermilion marker keeps wandering along the delivery rail.