Ruby Numbered Timeline
Numbered ruby discs count the steps using a pure CSS counter, no markup digits.
A granite commit trunk sprouts one side branch that curves out to its own node.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
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üzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.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.
Numbered ruby discs count the steps using a pure CSS counter, no markup digits.
Cards step down and to the right, joined by small rounded elbow connectors.
A horizontal slate line with three stops whose captions alternate above and below.
The coral rail sits on the right edge so the whole sequence reads right to left.
Hollow onyx rings mark every step and the running one spins a dashed halo.
Calibration entries pin the measured value between two caliper jaws with the drift beside.
Every entry hangs off a copper pill badge that carries its month right on the rail.
Finished basalt steps fill in with a tick while the connector to the last one stays dashed.