Help Cho hỏi về username

[Shu Sakamaki]

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

hoặc là addons thì tên là gì ạ giúp em với

 

[PVS]

Cho mình xem trang web demo

 

[Shu Sakamaki]

Cho mình xem trang web demo

đây ạ http://blackspigot.com/

 

[hardcore]

css

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;

 

[Shu Sakamaki]

css

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 ạ?

 

[Shu Sakamaki]

up...

 

[hacobi1102]

.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

@-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/

 

[Shu Sakamaki]

.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

@-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

 

[BuckX]

Cho hỏi tui làm sao không được
phần này để ở đâu?

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

 

[VinoMAYC]

.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

@-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 Ụ

 

[NDK]

hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha

 

[vanphu113]

Cho hỏi tui làm sao không được
phần này để ở đâu?

@-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

 

[VinoMAYC]

extra css ban oi

Bạn ơi, mình đã thêm vào Extra nhưng nó vẫn không chạy Ụ v Ụ

 

[vanphu113]

Bạn ơi, mình đã thêm vào Extra nhưng nó vẫn không chạy Ụ v Ụ

Site cuả bạn là gì, bạn up mình xem nha

 

[hacobi1102]

hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha

CSS thì ko ảnh hưởng tới load lắm đâu bạn

 

[Zune2k6]

Thêm vào extra.less được không ạ

 

[dinhphucv]

Thêm vào extra.less được không ạ

Nên thêm vào nhóm hơn là extra.less, thêm vào nhóm sẽ áp dụng cho tất cả các styles chứ không phải thêm vào từng styles như extra.less.

 

[Zune2k6]

Tks bác ạ
Em làm được rồi hehe https://hytalevietnam.com/members/zune2k6.1/

 

[Zune2k6]

Nên thêm vào nhóm hơn là extra.less, thêm vào nhóm sẽ áp dụng cho tất cả các styles chứ không phải thêm vào từng styles như extra.less.

Bác ơi chỉ em cách làm effect giống thế này đi bác

 

[dinhphucv]

Bác ơi chỉ em cách làm effect giống thế này đi bácView attachment 31180

Thêm vào css nhóm

text-shadow: #2B65EC 1px 1px 30px;
color: #E5E4E2;
font-weight: bold;
background: url(https://i.imgur.com/Ak4d9pH.gif);

Hỗ trợ XeN: https://community.vietfriend.org/forums/troubleshooting-and-problems.42/