Canlı incele Zaman Çizelgeleri
Bearing Fault History
Each fault entry carries a split race ring and the open one turns the whole row red.
Zaman Çizelgeleri
Tundra Syllabus Steps
Course units read done, in progress and locked through three different markers.
- Stok kodu
- tl-tundra-syllabus
- 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
- ::before / ::after::before ve ::after ile katman kurma
- conic-gradient()conic-gradient ile halka, pasta ve parıltı
CSS referansı
Tundra Syllabus Steps 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.
Zaman Çizelgeleri kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Zaman Çizelgeleri koleksiyonuna göz at.
Benzer zaman çizelgesi efektleri
TümüCanlı incele Zaman Çizelgeleri
Amber Pulse Timeline
The step in progress throbs with an expanding amber halo while the rest stay dim.
Canlı incele Zaman Çizelgeleri
Ruby Numbered Timeline
Numbered ruby discs count the steps using a pure CSS counter, no markup digits.
Canlı incele Zaman Çizelgeleri
Gear Chain Timeline
Toothed wheels turn in opposite directions and a bead chain links each stage.
Canlı incele Zaman Çizelgeleri
Dynamo Backup History
Snapshot cylinders chain downward with dashed links and the full run leads the set.
Canlı incele Zaman Çizelgeleri
Frost Rail Timeline
A frosted vertical rail whose light drifts downward past three glowing event dots.
Canlı incele Zaman Çizelgeleri
Cascade Contract Stages
Signed contract stages get a tilted double ring stamp, the open one stays dashed.
Canlı incele Zaman Çizelgeleri
Vault Diploma Timeline
Certificates line up behind embossed wax seals and the one still pending loses its colour.