Merhabalar,

Bu yazımda CSS veya JavaScript kullanmadan sadece HTML ile kayan yazı nasıl oluşturulur, bunu anlatacağım.

Görsel ve etkileşim açısından çok modern olmasa da, içerik uyarıları veya dikkat çekmek istenen alanlarda hâlâ bazı sitelerde kullanıldığını görebilirsiniz.

Bu işlemi <marquee> etiketiyle yapabiliyoruz. Marquee bazı attribute (nitelik) değerleri ile özelleştirilebiliyor.

Özetle, marquee etiketinin önemli nitelikleri:

• direction: Yazının kayma yönü. Değerleri: left, right, up, down
• behavior: Kayma davranışı. scroll (sonsuz döngü), alternate (bir ileri bir geri), slide (tek sefer)
• scrollamount: Hız ayarı (varsayılan: 6px)
• onmouseover / onmouseout: JavaScript olayları ile durdurma veya başlatma işlemleri (örneğin üzerine gelince durdur)

Not: Bu etiket HTML5 standardında önerilmemektedir ve bazı tarayıcılarda desteklenmeyebilir. Bu nedenle eğer mümkünse CSS animasyonları veya JavaScript ile alternatif çözümler üretmeniz önerilir.

Yine de basit, hızlı ve pratik bir çözüm için <marquee> kullanılabilir.

Umarım faydalı olmuştur.

Mutlu Kodlamalar! :)