Evet, yanlış duymadınız… eskiden web sayfalarında kayan yazı yapmak için kullandığımız <marquee> etiketi artık modern tarayıcılarda desteklenmiyor.
Web geliştiricileri diyor ki: “Bırakın artık <marquee>’yi, doğa zarar görüyor!” 🌱 (tamamen şaka tabii, ama tarayıcılar gerçekten desteklemiyor)
<marquee>’nin yerine artık CSS animasyonları veya JavaScript kütüphaneleri kullanıyoruz. Hem daha modern, hem daha hızlı, hem de mobil uyumlu. Artık sayfalarımız hem kullanıcı dostu hem de çevreci!
HTML-Kodu:
<style>
.marquee {
overflow: hidden;
white-space: nowrap;
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
</style>
<div class="marquee">
Emekli Oldum
</div> Kayan metin hazır, hem de doğayı kirletmeden 😄
Eğer biraz daha aksiyon isterseniz, marquee6k veya marquee3000 gibi
JS kütüphaneleri ile kayan yazıyı süper akıcı ve fareyle duraklatılabilir hale getirebilirsiniz.
<marquee> artık emekli oldu. Onu kullanmaya devam ederseniz tarayıcılar “ben artık çalışmam” diyor, biz de “tamam baba!” diyerek CSS ve
JS’e geçiyoruz.
Doğa dostu, modern ve kullanıcı dostu kayan yazılar için klasik <marquee>’yi unutun. 😎