01-06-2015, Saat:08:24
Css Kodları,
Html Kodları
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.
Demo adresi kapatmıştım.En yakında zamanda eklemeyi düşünüyorum.
Kod:
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 Kodları
Kod:
<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.
Demo adresi kapatmıştım.En yakında zamanda eklemeyi düşünüyorum.