Help Cho hỏi về username

Shu Sakamaki

Corporal
Tham gia
09/07/2015
Bài viết
104
Đượ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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,681
Cho mình xem trang web demo
 

hardcore

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

Corporal
Tham gia
09/07/2015
Bài viết
104
Đượ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

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
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

Corporal
Tham gia
09/07/2015
Bài viết
104
Đượ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

Private
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

Private
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

MasterSergeant
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

Moderator
Thành viên BQT
Tham gia
10/11/2016
Bài viết
161
Được Like
103
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
 

dinhphucv

Sergeant
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

Private
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom