Kullanım Tekniği Xenforo'da Hareketli Logo

21/5/22
151
53
Teknik Çok Basit Aslında, Vereceğim Kodları extra.less şablonuna yerleştirin.

CSS:
.p-header-logo.p-header-logo--image a:before {
    content: "xnForo.ir"; /* enter your text */
    background: linear-gradient(to right, #c4302b, #c4302b, #f2f3f4, #f2f3f4);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: rainbow 20s ease infinite;
    animation: rainbow 20s ease infinite;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite;
    text-shadow: none;
    font-size: 2em;
}

@keyframes AnimNic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
 
Üst