- Ноя
- 436
- 51
Пользователь
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!Могу предложить этот CSSДобрый вечер, никто не сможет скинуть код префиксов тем как на скриншотах они переливаются от ярко красного например и в темно красный, форум давно был удалён данные префиксы вроде через чат гпт были созданы но я не смог создать свои, помогите пожалуйста.Посмотреть вложение 25578Посмотреть вложение 25579
/* Общий базовый стиль для всех префиксов */
.br-prefix {
padding: 3px 8px;
border-radius: 6px;
font-size: 85%;
font-weight: 600;
text-transform: uppercase;
color: #ffffff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
display: inline-flex;
align-items: center;
gap: 5px;
}
/* Открыто — Яркий зеленый градиент */
.prefix-open {
background: linear-gradient(135deg, #2ecc71, #27ae60);
}
/* Закрыто — Строгий красный градиент */
.prefix-close {
background: linear-gradient(135deg, #e74c3c, #c0392b);
}
/* Важно — Взрывной неоновый желтый/оранжевый */
.prefix-important {
background: linear-gradient(135deg, #f1c40f, #f39c12);
}
/* На рассмотрении — Насыщенный синий */
.prefix-consider {
background: linear-gradient(135deg, #3498db, #2980b9);
}
/* Рассмотрено — Глубокий бирюзовый */
.prefix-reviewed {
background: linear-gradient(135deg, #1abc9c, #16a085);
}
/* Одобрено — Мягкий лаймовый/зеленый */
.prefix-approved {
background: linear-gradient(135deg, #a3cb38, #009432);
}
/* Ожидание — Спокойный фиолетовый */
.prefix-waiting {
background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
/* Передано Тех Специалисту — Фирменный золотой/премиум */
.prefix-tech {
background: linear-gradient(135deg, #f39c12, #d35400);
border: 1px solid #e67e22;
}
/* Информация — Свежий информационный синий */
.prefix-info {
background: linear-gradient(135deg, #00d2ff, #0066ff);
}
а по моему на скриншотах что он хочет это значение большеborder-radius: 6px;
этого я там не вижуtext-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
этого тоже, ну хрен с ним допустимbox-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
а это зачем? вопрос риторическийgap: 5px;
тоже нетуborder: 1px solid #e67e22;