Help Cho hỏi về username

Shu Sakamaki

Thượng Đế
Tham gia
09/07/2015
Bài viết
103
Được Like
38
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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,880
Được Like
9,961
Cho mình xem trang web demo
 

hardcore

Thượng Đế
Tham gia
02/04/2015
Bài viết
431
Được Like
373
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;
 

Shu Sakamaki

Thượng Đế
Tham gia
09/07/2015
Bài viết
103
Được Like
38
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 ạ?
 

hacobi1102

Thượng Đế
Tham gia
10/03/2016
Bài viết
355
Được Like
164
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:

Shu Sakamaki

Thượng Đế
Tham gia
09/07/2015
Bài viết
103
Được Like
38
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
 

BuckX

Thượng Đế
Tham gia
24/08/2017
Bài viết
1
Được Like
0
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%
    }
 

VinoMAYC

Thượng Đế
Tham gia
05/02/2018
Bài viết
7
Được Like
0
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 Ụ
 

NDK

Thượng Đế
Tham gia
16/03/2015
Bài viết
830
Được Like
743
hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha giggle~~giggle~~
 

vanphu113

Cộng Sự Đắc Lực
Thành viên BQT
Tham gia
10/11/2016
Bài viết
153
Được Like
97
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
 

Zune2k6

Thượng Đế
Tham gia
23/02/2019
Bài viết
16
Được Like
0
Thêm vào extra.less được không ạ
 

dinhphucv

Thượng Đế
Tham gia
09/08/2017
Bài viết
427
Được Like
265
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

Thượng Đế
Tham gia
23/02/2019
Bài viết
16
Được Like
0
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
upload_2019-3-31_3-0-41.png
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom