Canlı incele Uyarılar
Harbor Topbar Alert
A notice capped by a thick top rail whose light band keeps travelling left to right.
Uyarılar
Conduit Calendar Alert
A calendar reminder whose day sheet peels away above a pipe of travelling dashes.
- Stok kodu
- alert-conduit-calendar
- 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
- ::before / ::after::before ve ::after ile katman kurma
- perspective / transformperspective ve 3D dönüşümler
CSS referansı
Conduit Calendar 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
Kindle Invoice Alert
An invoice notice where the paper lines fill in and the amount kindles into a warm glow.
Canlı incele Uyarılar
Socket Message Alert
An incoming chat notice whose message text is wiped in from the left beside an avatar.
Canlı incele Uyarılar
Glacier Tick Alert
A success panel whose check mark is drawn stroke by stroke inside a popping disc.
Canlı incele Uyarılar
Pearl Blur Alert
Title and description resolve out of a soft blur one after the other on a loop.
Canlı incele Uyarılar
Cobalt System Alert
An operating system style notification drops in with app tile, sender and time.
Canlı incele Uyarılar
Copper Inline Alert
An inline validation message sits under the field and nudges itself periodically.
Canlı incele Uyarılar
Shaft Feature Alert
A feature announcement with twinkling stars and a headline whose gradient keeps drifting.