Html Kodları ile Kayan Yazı Oluşturmak
Merhaba! Bugün HTML kodlarını kullanarak nasıl kayan yazı oluşturabileceğinizi öğreteceğim. Kayan yazılar web sitelerine hareketlilik ve görsel çekicilik katmada etkili bir yol olabilir. Şimdi, adım adım nasıl yapabileceğinizi göstereceğim.
İlk olarak, kayan yazıyı oluşturacağınız bir HTML belgesi oluşturmanız gerekiyor. Bir metin düzenleyici kullanarak “.html” uzantılı bir dosya oluşturabilirsiniz. Bu dosyayı internet tarayıcınızda açarak kayan yazınızı görüntüleyebileceksiniz.
Şimdi, kayan yazınızı içerecek bir
“`
“`
“`
“`
Yukarıdaki CSS kodu, kayan yazının stilini belirler. Kodun açıklaması şu şekildedir:
– “#kayan-yazi” CSS seçicisi,
– “position: absolute;” özelliği, kayan yazının sayfanın içinde sabit bir konumda bulunmasını sağlar.
– “top” ve “left” özellikleri, kayan yazının konumunu belirler. “transform” özelliği ise kayan yazının ortalanmasını sağlar.
– “font-size” ve “font-weight” özellikleri, kayan yazının boyutunu ve kalınlığını belirler.
– “animation” özelliği, kayan yazının hareketini tanımlar. “kayan-yazi” adında bir animasyon kullanarak, kayma hareketini sağlar.
– “@keyframes” tanımlaması, “kayan-yazi” animasyonunu belirtir. “0%” ve “100%” noktalarında kayan yazı farklı konumlarda yer alır, bu sayede sürekli kayan bir etki oluşturulur.
Son adımda, kayan yazıyı görüntülemek için HTML belgenizi internet tarayıcınızda açmanız yeterlidir. Kayan yazı, sayfanızın ortasından başlayarak yatay olarak kayacak ve döngüsel bir şekilde devam edecektir.
HTML kodları ile kayan yazı oluşturmak oldukça kolaydır ve web sitenize hareketlilik katar. Bu kodları kullanarak istediğiniz herhangi bir yazıyı kayan yazı olarak oluşturabilirsiniz.
Artık HTML kodlarıyla kayan yazı oluşturma konusunda bilgi sahibi oldunuz. Umarım bu bilgiler size yardımcı olmuştur. İyi çalışmalar!
