Анимация рядом с ником [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]

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

 

[It's-Intel]

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

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

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

 

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

Незачто

 

[Jack_Mithel]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

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

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

 

[It's-Intel]

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

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

Видео

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

 

[Kolpak]

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

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

https://forum.arizona-rp.com/members/187815

 

[JustAlex]

https://forum.arizona-rp.com/members/187815

Ага, но только нужно регистрироваться, а мне лень)

 

[Kolpak]

Ага, но только нужно регистрироваться, а мне лень)

 

[JustAlex]

Посмотреть вложение 12588

Спасибо.
Джек это можно и к теме прикрепить