Help User Name css

Wadd

Private
Tham gia
12/04/2019
Bài viết
29
Được Like
0
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; ,
, cho em hỏi cái code trên là code user name
upload_2019-9-8_8-30-57.png
mà sao e add xong nó không có di chuyển color, mà đứng im
 

Đính kèm

  • upload_2019-9-8_8-30-48.png
    upload_2019-9-8_8-30-48.png
    1.4 KB · Lượt xem: 798

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Đoạn code trên có đoạn hacobi1102

Cái này cần phải có thêm 1 đoạn keyframe thì nó mới chạy được, bạn copy bị thiếu đoạn keyframe nên nó không hoạt động.
 

Wadd

Private
Tham gia
12/04/2019
Bài viết
29
Được Like
0
@PVS
Đoạn code trên có đoạn hacobi1102

Cái này cần phải có thêm 1 đoạn keyframe thì nó mới chạy được, bạn copy bị thiếu đoạn keyframe nên nó không hoạt động.
Cho mình xin được không ạ
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Bạn lấy đoạn code đó ở bài hướng dẫn nào thì trong đó có luôn mà.
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Mã:
@-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%
    }
}
 

Wadd

Private
Tham gia
12/04/2019
Bài viết
29
Được Like
0
Mã:
@-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%
    }
}
Cái này bỏ dưới phần code trên của mình đúng hông
 

Wadd

Private
Tham gia
12/04/2019
Bài viết
29
Được Like
0
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
@-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%
}
}
 

Top Bottom