Снег на нике

[Дмитрий Александрович]

Дайте пожалуйста код чтобы на нике шёл снег маленький пожалуйста

 

[AIT Pestoletov]

[data-user-id="123"] .username {
    position: relative;
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    animation: snow-bg-move 10s linear infinite;
    padding: 3px 8px;
    border-radius: 4px;
    box-shadow: inset 0 0 10px rgba(255,255,255,0.3), 0 0 5px rgba(255,255,255,0.5);
}

.xf-theme-light [data-user-id="123"] .username {
    background-color: rgba(230,247,255,0.9);
    color: #0066cc;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

.xf-theme-dark [data-user-id="123"] .username {
    background-color: rgba(10,50,100,0.9);
    color: #b3e0ff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

@keyframes snow-bg-move {
    0% { background-position: 0 0; }
    100% { background-position: 20px 20px; }
}

[data-user-id="456"] .username {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}

[data-user-id="456"] .username::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 30% 40%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 70% 10%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 90% 30%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 50% 70%, rgba(255,255,255,0.4) 1px, transparent 2px);
    background-size: 200px 200px;
    animation: snow-bg-fall 15s linear infinite;
    z-index: -1;
    border-radius: inherit;
}

.xf-theme-light [data-user-id="456"] .username {
    background: linear-gradient(135deg, #e6f7ff, #cceeff);
    color: #0055aa;
    box-shadow: 0 0 8px rgba(0,150,255,0.3);
}

.xf-theme-dark [data-user-id="456"] .username {
    background: linear-gradient(135deg, #0a3264, #1a4a8a);
    color: #a3d5ff;
    box-shadow: 0 0 8px rgba(100,200,255,0.3);
}

@keyframes snow-bg-fall {
    0% { background-position: 0 0; }
    100% { background-position: 200px 200px; }
}

Вот код на падение снежинок на фоне Ника, там где id=123(и другое), поменяй на свой ид пользователя

 

[Дмитрий Александрович]

[data-user-id="123"] .username {
    position: relative;
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    animation: snow-bg-move 10s linear infinite;
    padding: 3px 8px;
    border-radius: 4px;
    box-shadow: inset 0 0 10px rgba(255,255,255,0.3), 0 0 5px rgba(255,255,255,0.5);
}

.xf-theme-light [data-user-id="123"] .username {
    background-color: rgba(230,247,255,0.9);
    color: #0066cc;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

.xf-theme-dark [data-user-id="123"] .username {
    background-color: rgba(10,50,100,0.9);
    color: #b3e0ff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

@keyframes snow-bg-move {
    0% { background-position: 0 0; }
    100% { background-position: 20px 20px; }
}

[data-user-id="456"] .username {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}

[data-user-id="456"] .username::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 30% 40%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 70% 10%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 90% 30%, rgba(255,255,255,0.4) 1px, transparent 2px), radial-gradient(circle at 50% 70%, rgba(255,255,255,0.4) 1px, transparent 2px);
    background-size: 200px 200px;
    animation: snow-bg-fall 15s linear infinite;
    z-index: -1;
    border-radius: inherit;
}

.xf-theme-light [data-user-id="456"] .username {
    background: linear-gradient(135deg, #e6f7ff, #cceeff);
    color: #0055aa;
    box-shadow: 0 0 8px rgba(0,150,255,0.3);
}

.xf-theme-dark [data-user-id="456"] .username {
    background: linear-gradient(135deg, #0a3264, #1a4a8a);
    color: #a3d5ff;
    box-shadow: 0 0 8px rgba(100,200,255,0.3);
}

@keyframes snow-bg-fall {
    0% { background-position: 0 0; }
    100% { background-position: 200px 200px; }
}

Вот код на падение снежинок на фоне Ника, там где id=123(и другое), поменяй на свой ид пользователя

Где найти свой айди?

 

[JustAlex]

Где найти свой айди?

Заходишь в группу пользователей и нажимай на поисковую строку там будет число - это и есть id

 

[Дмитрий Александрович]

Заходишь в группу пользователей и нажимай на поисковую строку там будет число - это и есть id

Можешь скинуть видео или скрины или скажи что надо вводить в поисковую строку? Типо где фильтровать?

 

[AIT Pestoletov]

Можешь скинуть видео или скрины или скажи что надо вводить в поисковую строку? Типо где фильтровать?

Наводишься на группу, там будет цифры вставляешь в id=число

 

[Дмитрий Александрович]

Наводишься на группу, там будет цифры вставляешь в id=число

Ну бл дайте скрины или видео я не очень разбираюсь