CSS word-spacing animasyon

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> #kutu-1 { border: 3px ridge crimson; -webkit-animation: animasyonismi 6s infinite; animation: animasyonismi 6s infinite; background:yellow; padding:35px; } @-webkit-keyframes animasyonismi { 50% {word-spacing:30px;} } @keyframes animasyonismi { 50% {word-spacing: 30px;} } </style> </head> <body> <strong>css word-spacing animasyon örnek</strong> <br /> <div id="kutu-1"> css word-spacing özelliği ve <code>word-spacing:30px;</code> değerini uyguladığımızda kelimeler arası uzaklık "30px" olacaktır.css word-spacing özelliği ve word-spacing:30px; değerini uyguladığımızda kelimeler arası uzaklık "30px" olacaktır. </div> <em style="color:red;">css word-spacing </em>özelliğini metin içerisindeki <em>kelimeler arası uzaklıkları</em> belirtmek için kullanılır. <br /> <u style="color:blue;"> css word-spacing</u> özelliğinin animasyon özelliği vardır. <p style="color:green;"><b>Hatırlatma:</b> internet explorer 9 ve önceki versiyonları CSS animasyon özellikleri desteklemez !</p> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek