HTML CSS Blink Kodu

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

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 hesabınız yayımlanmayacak.