Canlı incele Zaman Çizelgeleri
Summit Recipe Steps
Recipe stages hang off a beaded rail and each one states its own cooking time.
Zaman Çizelgeleri
Mesa Year Bands
Year chips break the rail into bands so a long history stays readable.
- Stok kodu
- tl-mesa-years
- 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ı
Mesa Year Bands 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
Mica Growing Timeline
The mica rail redraws itself downward on a loop and each dot pops in behind it.
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
Conduit Deploy Stages
Junction boxes sit on a twin conduit run and the stage in flight marches its stripes.
Canlı incele Zaman Çizelgeleri
Copper Badge Timeline
Every entry hangs off a copper pill badge that carries its month right on the rail.
Canlı incele Zaman Çizelgeleri
Cobalt Arrow Timeline
Cobalt chevrons point from one stage down to the next in place of a solid rail.
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
Savanna Gap Timeline
The space between two nodes grows with the wait, and the gap itself is labelled.