Help Cho hỏi về username

Shu Sakamaki

Corporal
mọi người cho em hỏi cách làm username css như này sao ạ?
BCyJ5sK.gif

hoặc là addons thì tên là gì ạ giúp em với :(
 
  • Like
Reactions: THB
css
Mã:
background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: TestBanner 30s ease infinite !important;
    -moz-animation: TestBanner 30s ease infinite !important;
    animation: TestBanner 30s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 900;
 
css
Mã:
background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: TestBanner 30s ease infinite !important;
    -moz-animation: TestBanner 30s ease infinite !important;
    animation: TestBanner 30s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 900;
hic nó không có chuyển màu...
có cần làm them gì không ạ?
 
HTML:
.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}
Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:
@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/
 
Sửa lần cuối:
HTML:
.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}
Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:
@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/
cảm ơn bác nhiều lắm <3
 
Cho hỏi tui làm sao không được
phần này để ở đâu?
HTML:
@-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%
    }
 
HTML:
.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}
Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:
@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/
Cho em hỏi key frame đấy để ở đâu ạ? Em có cùng thắc mắc với bạn trên
Hiệu ứng đẹp quá Ụ v Ụ
 
Cho hỏi tui làm sao không được
phần này để ở đâu?
HTML:
@-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%
    }
extra css ban oi
 
Back
Top