Пользователь
- Регистрация
- 12 Июл 2025
- Сообщения
- 20
- Автор темы
- #1
Дайте пожалуйста код чтобы на нике шёл снег маленький пожалуйста
Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться![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; }
}