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
Yorum Gönder