CSS font-weight animasyon

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <style> #kutu-1 { border: 1px solid gray; width: 300px; height: 300px; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; } @-webkit-keyframes animasyonismi { 50% {font-weight: bold;} } @keyframes animasyonismi { 50% {font-weight: bold;} } </style> </head> <body> <strong>css font-weight animasyon</strong> <div id="kutu-1"> <p>Bu yazının görünümüne dikkat edin ! </p> </div> <p><mark>css font-weight</mark> özelliği metnin kalınlığını değiştirmek için kullanılır.<p> <em style="color:red;font-weight:bold;">css font-weight özelliğinin animasyon özelliği vardır.</em><br /> <strong> CSS Animasyonları</strong> Internet Explorer 9 ve önceki versiyonlarında çalışmıyor..</p> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI