Canlı incele Uyarılar
Glacier Tick Alert
A success panel whose check mark is drawn stroke by stroke inside a popping disc.
Uyarılar
Orbit Submit Alert
A submit confirmation where a wedge sweeps the ring shut before the tick is drawn in.
- Stok kodu
- alert-orbit-submit
- 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
- @keyframes@keyframes ile CSS animasyonu
- clip-pathclip-path ile şekil kesme
- conic-gradient()conic-gradient ile halka, pasta ve parıltı
CSS referansı
Orbit Submit Alert 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.
Uyarılar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Uyarılar koleksiyonuna göz at.
Benzer uyarı efektleri
TümüCanlı incele Uyarılar
Jade Check Alert
A success notice whose check orb beats gently inside an expanding halo ring.
Canlı incele Uyarılar
Lattice Bubble Alert
A hatched callout balloon hovers over the field and points at it with a small arrow.
Canlı incele Uyarılar
Girder Backup Alert
A completed backup listing three volumes that get stamped off along a rising rail.
Canlı incele Uyarılar
Copper Inline Alert
An inline validation message sits under the field and nudges itself periodically.
Canlı incele Uyarılar
Cascade Orbit Alert
A dashed ring with an orbiting bead turns behind the icon of a long running job.
Canlı incele Uyarılar
Caliper Delivery Alert
A shipment tracker where the parcel pushes forward then falls back to the held node.
Canlı incele Uyarılar
Ruby Shake Alert
A destructive error box jolts sideways at the end of every animation cycle.