Nasıl yapılır ? Xenforo 2.1.4 Renk değiştiren kullanıcı adı yapma.

huseynalieff' Alıntı:

CSS Gradient Animator bu site sayesinde hiç bir css bilginiz bile olmasa gradient animasyonlu yazılar yazabilirsiniz.
Renk ilaveleri, animasyon döngüleri (sağdan sola ve ya soldan sağa) hız gibi ayarları yapabilirsiniz yaptığınız animasyonların kodlarını ilk önce vermek istediğiniz kullanıcı grubu css-ine örn:

CSS:

background: linear-gradient(270deg, #246655, #662a24, #34aa96, #34aa96);
background-size: 800% 800%;

-webkit-animation: AnimationName 17s ease infinite;
-moz-animation: AnimationName 17s ease infinite;
animation: AnimationName 17s ease infinite;

atıyorsunuz daha sonra extra.less şablonunada altında vermiş olduğu web kitleri atıyorsunuz

CSS:

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

Bilgi: animasyon isimleri ile webkit isimleri aynı olması lazım eğer farklı bir animasyon yapacaksanız 1 den ilave isimlerinde değişkenlik olması lazım animasyon ismi üstte attığımda örnek : AnimationName - dir

Genişletmek için tıkla ...

AxilTRN' Alıntı:

Olmadı.Ekli dosyayı görüntüle 10410 renk degiştirmiyorda

Genişletmek için tıkla ...

huseynalieff' Alıntı:

Kullanıcı grubu

CSS:

text-shadow: #2b65ec 1px 1px 30px;
    color: #7F00FF;
    font-weight: bold;
    animation: blink 5s infinite;
    -moz-animation: blink 5s infinite;
    -webkit-animation: blink 5s infinite;
    -ms-animation: blink 5s infinite;
    -o-animation: blink 5s infinite;

extra.less

CSS:

@keyframes blink {
0% {
    color: #7F00FF;
}
25% {
    color: #7FB2FF;
}
50% {
    color: #46DDFF;
}
100% {
    color: #7F00FF;
}
}

bunu denermisiniz kendi kullandığım ve sorunsuz çalışıyor

Genişletmek için tıkla ...

eTiKeT™