ufufuk Daktilo Şeklinde Yazı Kodlama

[Ufufuk]

Biraz uğraştım :):
Demo:forumuk.10tr.net/portal.php


Kodlarımız;


Css;

Kod: Tümünü Seç Tümünü Kopyala

 
 p{
font:16px Georgia, 'Sans Serif';
color: blue;
}


.ukdktlo{
 border-right: .1em solid green;
-webkit-animation: typing 5s steps(28, end);
width: 10em;
width: 13ch;
white-space: nowrap;
overflow: hidden;
 transition: 1s;
}
.ukdktlo:hover {
 color: green;
 transition: 1s;
 opacity: 0.3s;
}
 

@-webkit-keyframes typing {
from {
 width:0;
}
 

Html;

Kod: Tümünü Seç Tümünü Kopyala

 <p class="ukdktlo"><b>Çanakkale-1915</b></p>

Css kodundaki 
width: 13ch; 
'ü yazının uzunluğuna ayarladım ch ile :)
13 rakamını yazacağının yazının boyunu yazın Çanakkale-1915 13 rakamlı olduğu için 13 rakamına ayarladım.


Sonuna çizgi ekliyor çünkü :)


İyi kullanımlar.

[AUSXR]

Eline sağlık çok iyi.

[Ufufuk]

Eline sağlık çok iyi.

Teşekkür ederim diğer kodlamarıma yorum attınmı ? :)

@Falcon

[Ufufuk]

Güncel.

[Ufufuk]

Güncel.