+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: Ufufuk Daktilo Şeklinde Yazı Kodlama (/ufufuk-daktilo-seklinde-yazi-kodlama-konusu.html)
Ufufuk Daktilo Şeklinde Yazı Kodlama - ufufuk - 01-06-2015
Css Kodları,
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.