Canlı incele Modallar
Shaft Signature Modal
A signing pad expands vertically out of a hairline and then draws the stroke by itself.
Modallar
Amber Alert Modal
A warning dialog jolts sideways on entry with an amber icon beside the heading.
- Stok kodu
- modal-amber-alert
- 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ı
Amber Alert 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
Dune Upgrade Modal
An upgrade offer lifts into view while a warm highlight sweeps across the plan card.
Canlı incele Modallar
Ridge Date Picker Modal
A calendar sheet unrolls downward from its top edge and the chosen day pops into place.
Canlı incele Modallar
Flint Spotlight Modal
A circular iris opens across the dialog while a spotlight gradient lights the scene.
Canlı incele Modallar
Copper Toast Modal
A notification strip drops from the top edge and drains a copper timer bar.
Canlı incele Modallar
Orbit Feature Modal
A feature announcement travels in along a curved arc while an iridescent sheen keeps orbiting its rim.
Canlı incele Modallar
Monsoon Release Modal
Release notes are uncovered by a curtain wiping downward while drizzle drifts over the header.
Canlı incele Modallar
Ember Shortcuts Modal
A shortcut sheet lifts from below and its border keeps breathing with a warm ember glow.