Canlı incele Zaman Çizelgeleri
Chalk Minimal Timeline
A rail free chalk list marks each moment with a short tick that stretches on hover.
Zaman Çizelgeleri
Echo Recall Timeline
Memories recede into the distance, shrinking and fading until a hover brings one back.
- Stok kodu
- tl-echo-recall
- 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
- :hover:hover ve geçişlerle etkileşim efektleri
- ::before / ::after::before ve ::after ile katman kurma
CSS referansı
Echo Recall Timeline 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
Tide Expanding Strip
Three tide phases share one strip and the hovered phase widens to show its reading.
Canlı incele Zaman Çizelgeleri
Ivory Clock Feed
An ivory activity feed stamps each row with a monospace clock chip and slides on hover.
Canlı incele Zaman Çizelgeleri
Zinc Expanding Timeline
Hovering a zinc row unfolds a hidden detail line and swells its marker at once.
Canlı incele Zaman Çizelgeleri
Anvil Event Log
Timestamped machine lines carry their own level chip and the error row keeps a caret blinking.
Canlı incele Zaman Çizelgeleri
Cusp Roadmap Timeline
Quarters read as folded paper bands, each creased down the middle with a lifted corner.
Canlı incele Zaman Çizelgeleri
Lattice Stack Timeline
Build layers pile up as sheared plates that widen as the assembly goes down.
Canlı incele Zaman Çizelgeleri
Harbor Social Feed
A thread line links round gradient avatars down an activity feed with ages on the right.