Анимация рядом с ником [Arizona RP]

[Jack_Mithel]

В extra.less

Спойлер: код

:root {
    --n187-a: hsl(332,100%,68%);
    --n187-b: hsl(252,100%,68%);
    --n187-c: hsl(42,100%,71%);
    --n187-gl1: hsla(332,100%,68%,.55);
    --n187-gl2: hsla(252,100%,68%,.55)
}

.username[data-user-id="1"] {
    --g: linear-gradient(90deg, var(--n187-a), var(--n187-b));
    position: relative;
    background: var(--g);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    letter-spacing: .2px;
    text-shadow: 0 0 10px var(--n187-gl1),0 0 20px var(--n187-gl2)
}

.username[data-user-id="1"]::after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    height: 2px;
    background: var(--g);
    border-radius: 2px;
    filter: drop-shadow(0 0 6px var(--n187-gl1));
    transform: scaleX(.15);
    transform-origin: left center;
    opacity: .75;
    transition: transform .35s cubic-bezier(.2, .7, .2, 1),opacity .35s
}

.username[data-user-id="1"]::before {
    content: "✦";
    margin-right: 6px;
    line-height: 1;
    background: var(--g);
    -webkit-background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 6px var(--n187-gl1));
    opacity: .85;
    transform: translateY(-0.5px)
}

@keyframes n187-shimmer {
    from {
        background-position: -200% 0
    }

    to {
        background-position: 200% 0
    }
}

.username[data-user-id="1"]:hover {
    background-image: linear-gradient(90deg, var(--n187-a), var(--n187-c), var(--n187-b));
    background-size: 200% 100%;
    animation: n187-shimmer 2.2s linear infinite
}

.username[data-user-id="1"]:hover::after {
    transform: scaleX(1);
    opacity: 1
}

Там где написано "1", нужно перейти на ваш аккаунт Форума, и там будет ваш id самого аккаунта
Нашли, убрали id, вставили ваш id

Видео

 

[помогаем людям]

нихуя не понял

 

[помогаем людям]

где тут id

 

[Jack_Mithel]

где тут id

сделал лучше на 1, так как там два id

 

[помогаем людям]

сделал лучше на 1, так как там два id

ей,как выглядит оно всё? покажи хотябы

 

[ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪]

Вместо 1 вводите айди своего форумника

 

[MapperDayZ]

ну такое себе честн говоря

 

[MapperDayZ]

но если сам делал, молодец

 

[IntelCore]

Там где написано "1", нужно перейти на ваш аккаунт Форума, и там будет ваш id

Вместо 1 вводите айди своего форумника

Спаибо за подсказку, мы то и не поняли

 

[ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪]

Незачто

 

[Jack_Mithel]

Спаибо за подсказку, мы то и не поняли

ты то понимаешь, а некоторые нет

 

[IntelCore]

ты то понимаешь, а некоторые нет

OFFTOP

да в дурку их всех. Места есть ещё

 

[помогаем людям]

так блять,как выглядит в чём подёб?

 

[friskovikov_]

так блять,как выглядит в чём подёб?

можно и без подьеба

 

[JustAlex]

В extra.less

Спойлер: код

:root {
    --n187-a: hsl(332,100%,68%);
    --n187-b: hsl(252,100%,68%);
    --n187-c: hsl(42,100%,71%);
    --n187-gl1: hsla(332,100%,68%,.55);
    --n187-gl2: hsla(252,100%,68%,.55)
}

.username[data-user-id="1"] {
    --g: linear-gradient(90deg, var(--n187-a), var(--n187-b));
    position: relative;
    background: var(--g);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    letter-spacing: .2px;
    text-shadow: 0 0 10px var(--n187-gl1),0 0 20px var(--n187-gl2)
}

.username[data-user-id="1"]::after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    height: 2px;
    background: var(--g);
    border-radius: 2px;
    filter: drop-shadow(0 0 6px var(--n187-gl1));
    transform: scaleX(.15);
    transform-origin: left center;
    opacity: .75;
    transition: transform .35s cubic-bezier(.2, .7, .2, 1),opacity .35s
}

.username[data-user-id="1"]::before {
    content: "✦";
    margin-right: 6px;
    line-height: 1;
    background: var(--g);
    -webkit-background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 6px var(--n187-gl1));
    opacity: .85;
    transform: translateY(-0.5px)
}

@keyframes n187-shimmer {
    from {
        background-position: -200% 0
    }

    to {
        background-position: 200% 0
    }
}

.username[data-user-id="1"]:hover {
    background-image: linear-gradient(90deg, var(--n187-a), var(--n187-c), var(--n187-b));
    background-size: 200% 100%;
    animation: n187-shimmer 2.2s linear infinite
}

.username[data-user-id="1"]:hover::after {
    transform: scaleX(1);
    opacity: 1
}

Там где написано "1", нужно перейти на ваш аккаунт Форума, и там будет ваш id самого аккаунта Посмотреть вложение 12545
Нашли, убрали id, вставили ваш id

Видео

Видео не работает, так что загрузи скрины или гифку