Canlı incele Modallar
Mica Veil Modal
The backdrop is a drifting hatch pattern that keeps moving while the panel is open.
Modallar
Tether Payment Modal
A card entry panel is hauled in from the lower left on a cord that snaps taut behind it.
- Stok kodu
- modal-tether-payment
- 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ı
Tether Payment 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
Summit Map Modal
A map preview zooms out of the pin it belongs to while a signal ring keeps pulsing.
Canlı incele Modallar
Wander Tracking Modal
A quiet shipping panel with hairline rules where a vermilion marker keeps wandering along the delivery rail.
Canlı incele Modallar
Lull Stock Modal
A folded origami stock alert falls slowly through the scene, drifting sideways before it settles flat.
Canlı incele Modallar
Verge Price Alert Modal
A thick outlined cartoon price alert smears in from the side and snaps upright with a squash.
Canlı incele Modallar
Flint Spotlight Modal
A circular iris opens across the dialog while a spotlight gradient lights the scene.
Canlı incele Modallar
Amber Alert Modal
A warning dialog jolts sideways on entry with an amber icon beside the heading.
Canlı incele Modallar
Gear Preview Modal
A document preview hops up from the lower edge beside its page count and file size.