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

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Активный
Регистрация
3 Янв 2025
Сообщения
1,020
В extra.less

CSS:
: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 самого аккаунта 1757420069708.png
Нашли, убрали id, вставили ваш id

Видео
 
Последнее редактирование:
0_o
Активный
Регистрация
17 Июн 2025
Сообщения
580
Профессионал
Регистрация
30 Ноя 2024
Сообщения
995
В extra.less

CSS:
: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

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