HTML renk değiştiren yazı
- Konuyu başlatan Hudzell
- Başlangıç tarihi
- Durum
Tam olarak istediğin bumu bilmiyorum ama yinede farklı bir şekil arzu edersen yardımcı olmaya çalışırım
Kod:
<!--ikratasarim Renk Değiştiren Yazı İntro Kodu--> <div style="text-align: center;">
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: large;"><span style="line-height: 18px;">Kod Önizlemesi</span></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: large;"><b><script>
var text="ikratasarim"
var speed=24 // SPEED OF FADE
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script><span id="highlight" style="color: #c8f000;"></span> </b></span> <!--ikratasarim Renk Değiştiren Yazı İntro Bitişi-->- Konuyu başlatan
- #3
Ultra Üye
Tam olarak bunu istemiştim teşekkürler konu kilitlenebilir
- Konuyu başlatan
- #4
Ultra Üye
aklıma takıldı bu kodu düz 1 satır olarak yazmak mümkünmü böyle bayağı yer kaplıyor da ?
Arzu edersen css olarak ekliye bilirsin verdiğim kodları
CSS:
.stil{
padding:5px 10px;
font-size:50px;
font-weight:bold;
}
.renkdegis {
color: white;
-webkit-animation-name: text;
animation-name: text;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes text {
0% {color:#ff1744;}
25% {color:#6a1b9a;}
50% {color:#1e88e5;}
75% {color:#00c853;}
100% {color:#ff1744;}
}
@keyframes text {
0% {color:#ff1744;}
25% {color:#6a1b9a;}
50% {color:#1e88e5;}
75% {color:#00c853;}
100% {color:#ff1744;}
}
HTML:
<div class="renkdegis">system32</div>
Yada:
<span> class="renkdegis"system32</span>- Durum
Benzer Konular
