Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Баннеры 3D

G

Ggggsysy

Мар
36
1
Пользователь
однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)


1000073745.jpg


.userBanner {
display: inline-block;
padding: 8px 24px;
border-radius: 30px;
font-family: 'Inter', 'Segoe UI', sans-serif;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
color: #FFFFFF;
position: relative;
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: all 0.1s ease;
}

.userBanner::before {
content: '';
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 35%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 30px 30px 0 0;
pointer-events: none;
}

.userBanner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0 0 30px 30px;
pointer-events: none;
}

.userBanner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
transform: translateY(4px);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
 
Venksu

Venksu

Пришло время платить за грехи
Июл
666
677
Продавец
Ggggsysy написал(а):
однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)


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


.userBanner {
display: inline-block;
padding: 8px 24px;
border-radius: 30px;
font-family: 'Inter', 'Segoe UI', sans-serif;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
color: #FFFFFF;
position: relative;
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: all 0.1s ease;
}

.userBanner::before {
content: '';
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 35%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 30px 30px 0 0;
pointer-events: none;
}

.userBanner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0 0 30px 30px;
pointer-events: none;
}

.userBanner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
transform: translateY(4px);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
Нажмите для раскрытия...
OFFTOP


вставляй хотя бы кодом

 
qwerty🛡️

qwerty🛡️

Дек
329
26
Пользователь
Ggggsysy написал(а):
однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)


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


.userBanner {
display: inline-block;
padding: 8px 24px;
border-radius: 30px;
font-family: 'Inter', 'Segoe UI', sans-serif;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
color: #FFFFFF;
position: relative;
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: all 0.1s ease;
}

.userBanner::before {
content: '';
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 35%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 30px 30px 0 0;
pointer-events: none;
}

.userBanner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0 0 30px 30px;
pointer-events: none;
}

.userBanner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
transform: translateY(4px);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
Нажмите для раскрытия...
Баннеры то пойдёт,но слишком большие
 
G

Ggggsysy

Мар
36
1
Пользователь
Код: 
 .userBanner {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 20px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.1s ease;
}

.userBanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 35%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 20px 20px 0 0;
    pointer-events: none;
}

.userBanner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 20px 20px;
    pointer-events: none;
}

.userBanner:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
 
qwerty🛡️

qwerty🛡️

Дек
329
26
Пользователь

Вложения

  • Screenshot_2026-05-05-07-10-22-438_com.android.chrome-edit.jpg
    Screenshot_2026-05-05-07-10-22-438_com.android.chrome-edit.jpg
    46.5 KB · Просмотры: 6
  • Screenshot_2026-05-05-07-10-44-975_com.android.chrome-edit.jpg
    Screenshot_2026-05-05-07-10-44-975_com.android.chrome-edit.jpg
    57.2 KB · Просмотры: 4
  • Screenshot_2026-05-05-07-11-55-241_com.android.chrome-edit.jpg
    Screenshot_2026-05-05-07-11-55-241_com.android.chrome-edit.jpg
    310.3 KB · Просмотры: 5
  • Screenshot_2026-05-05-07-12-12-329_com.android.chrome-edit.jpg
    Screenshot_2026-05-05-07-12-12-329_com.android.chrome-edit.jpg
    100.8 KB · Просмотры: 5
Войдите или зарегистрируйтесь для ответа.
Сверху