HTML Blink Kodu ile Yanıp Sönen Yazı

HTML CSS Blink Kodu

Sitelerde dikkat çekici ve etki yaratan bir yazı yazmak istiyorsanız HTML Blink Kodu kullanmanızı öneriyoruz. Ancak bu eskiden sadece etiketi ile çalışırken artık bu şekilde çalışmamaktadır, sadece eski tarayıcılarda çalışabilir ama sağlıklı değildir ve sayfanıza zarar verebilir. Bunun için artık CSS kodu kullanmalısınız.

Aşağıda belirtilmiş kodları kullanarak yanın sönen yazınızı HTML ve CSS kodları ile yapabilirsiniz.

HTML kodu ile düzenleme yapacağınız sayfaya aşağıdaki kod ile metni örnek yazı etiketini kullanmalısınız.

<p class=”blink”>ÖRNEK YAZI </p>

Daha sonra sayfanızın genel CSS dosyası nerede bulunuyorsa oraya da aşağıdaki kodu eklemelisiniz. 

<style>
.blink {
animation: blinker 1.0s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>

İşte hepsi bu kadar… Bu işlemleri tamamladıktan sonra yazınız artık bu şekilde görünür.

Bu yazımız hakkında fikir ve önerileriniz için yorum yapabilirsiniz. Ayrıca tüm internet ihtiyaçlarınız için bizlerle buradan iletişime geçebilirsiniz.

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir