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

QuangAnh

Corporal
upload_2020-3-29_9-42-20.png

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
 
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;
}
 
Bạn thêm vào extra.less toàn bộ nha, rồi thay lại bằng class của Xen 2.
 
Bạn thêm đoạn này vào extra.less nha:
Mã:
/*** 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%
    }
}
 
Bạn thêm đoạn này vào extra.less nha:
Mã:
/*** 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
 
Back
Top