Canlı incele Zaman Çizelgeleri
Ivory Clock Feed
An ivory activity feed stamps each row with a monospace clock chip and slides on hover.
Zaman Çizelgeleri
Harbor Social Feed
A thread line links round gradient avatars down an activity feed with ages on the right.
- Stok kodu
- tl-harbor-feed
- 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ı
Harbor Social Feed 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
Anvil Event Log
Timestamped machine lines carry their own level chip and the error row keeps a caret blinking.
Canlı incele Zaman Çizelgeleri
Chalk Minimal Timeline
A rail free chalk list marks each moment with a short tick that stretches on hover.
Canlı incele Zaman Çizelgeleri
Rivet Assembly Steps
Numbered part codes hang off a rail whose domed rivet heads turn under the cursor.
Canlı incele Zaman Çizelgeleri
Brass Zigzag Timeline
Cards alternate left and right of a brass rail, each pinned to it by a small stud.
Canlı incele Zaman Çizelgeleri
Hush Lifeline Timeline
Life events written in a quiet hand, each pinned by a slightly uneven ink ring on the margin.
Canlı incele Zaman Çizelgeleri
Echo Recall Timeline
Memories recede into the distance, shrinking and fading until a hover brings one back.
Canlı incele Zaman Çizelgeleri
Chassis Order Stages
Every production stage sits inside a bracketed frame that lights up when hovered.