Canlı incele Uyarılar
Willow Session Alert
A clock dial sweeps a full turn beside the remaining seconds of an expiring session.
Uyarılar
Ratchet Countdown Alert
A maintenance countdown built from split flap tiles where the seconds tile keeps turning.
- Stok kodu
- alert-ratchet-countdown
- 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ı
Ratchet Countdown 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
Arc Undo Alert
An undo bar with a digit reel that steps from five down to zero inside a narrow window.
Canlı incele Uyarılar
Thicket Maintenance Alert
A maintenance band woven with drifting hatch lines and a gear that keeps turning.
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
Coil Datasaver Alert
A data saver notice where a stack of slabs squeezes down as traffic gets compressed.
Canlı incele Uyarılar
Circuit Shortcut Alert
A hint strip whose key caps press down while a circuit trace runs along the base.
Canlı incele Uyarılar
Conduit Calendar Alert
A calendar reminder whose day sheet peels away above a pipe of travelling dashes.
Canlı incele Uyarılar
Cove Slim Alert
A very thin status bar with a colour cycling pip and a hairline that drains away.