Reef Twin Hairlines
Two hairline rails scroll along the top and bottom edges around a still headline.
Two stacked lanes travel in opposite directions and read as a woven ribbon.
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.Kayan Yazılar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Kayan Yazılar koleksiyonuna göz at.
Two hairline rails scroll along the top and bottom edges around a still headline.
Two oversized translucent lines overlap vertically and slide through one another.
A field of dots creeps to the right underneath a caption that travels to the left.
Rungs enter from the top edge and leave at the bottom in an endless downward loop.
The same seamless loop played backwards, so the brass caption travels to the right.
Stencilled crate plates travel over a chevron tread that scrolls under them.
A stepped timing function turns the smooth glide into discrete mechanical jumps.
Single letters ride the rail while a vertical wave travels through them in sequence.