Help Sao làm chữ 7 màu nó di chuyển được ạ

[QuangAnh]

e add CSS vô rồi nhưng nó ko lấp lánh 7 màu, nó chỉ giữ nguyên 1 màu là sao vậy mọi người.
Giúp e vs ạ. Cảm ơn ae

 

[QuangAnh]

màu di chuyển như này nè

 

[tuanvu1091]

share css đi bạn

 

[thahtrung06]

share css đi bạn

Mình nhớ đã có một bạn hỏi và đã share CSS rồi.
Ví dụ tên người dùng ở nhóm style2 (số 2 là id nhóm thành viên của bạn) thì thêm CSS như sau:
.username .style2 {

1. background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
2. background-size: 1200% 1200% !important;
3. animation: hacobi1102 30s ease infinite !important;
4. color: transparent;
5. -webkit-background-clip: text;
6. font-weight: 900;

}

 

[PVS]

Bạn thử theo bài viết này xem sao: https://vnxf.vn/threads/tao-user-name-xen-1-nhap-nhay-kieu-cau-vong.17811/

Chỉ cần thay lại thành class của Xen2 là được.

 

[QuangAnh]

Vẫn k di chuyển 7 màu ạ? @PVS @thahtrung06

 

[PVS]

Bạn thêm vào extra.less toàn bộ nha, rồi thay lại bằng class của Xen 2.

 

[QuangAnh]

mình k hiểu lắm. ad có thể teamviewer giúp mình đc k ạ

 

[PVS]

Bạn thêm đoạn này vào extra.less nha:

/*** Màu càu vồng cho username ***/
@-webkit-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

 

[thahtrung06]

View attachment 36161

View attachment 36162
Vẫn k di chuyển 7 màu ạ? @PVS @thahtrung06

Bạn thêm CSS ko đúng chỗ rồi, bạn thêm vào file extra.less không phải là thêm vào chỗ CSS thành viên nhé!

 

[tuanvu1091]

Đã làm dc, thank mọi ng

 

[QuangAnh]

mình muốn thêm màu cầu vòng cho các user group khác thì như nào ạ
@PVS @thahtrung06

 

[Phan Than]

Bạn thêm đoạn này vào extra.less nha:

/*** Màu càu vồng cho username ***/
@-webkit-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

khong ra luon ad oi

 

[Jkads]

khong ra luon ad oi

add vao cai CSS thi no khong cho ong oi