Прикольные префиксы

Aerial · 11 Окт 2025

Приветствую всех! Сегодня я подготовил интересные префиксы для вашего форума.

CSS:

.open {
    background: linear-gradient(145deg, #00c853, #64dd17);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(76, 175, 80, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.closed {
    background: linear-gradient(145deg, #ff1744, #ff5252);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(244, 67, 54, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.info {
    background: linear-gradient(145deg, #2979ff, #448aff);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(33, 150, 243, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.question {
    background: linear-gradient(145deg, #ff9100, #ffab40);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(255, 152, 0, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

JustAlex · 11 Окт 2025

YungFimoz написал(а):

Приветствую всех! Сегодня я подготовил интересные префиксы для вашего форума.

CSS:

.open {
    background: linear-gradient(145deg, #00c853, #64dd17);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(76, 175, 80, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.closed {
    background: linear-gradient(145deg, #ff1744, #ff5252);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(244, 67, 54, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.info {
    background: linear-gradient(145deg, #2979ff, #448aff);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(33, 150, 243, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.question {
    background: linear-gradient(145deg, #ff9100, #ffab40);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(255, 152, 0, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

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

Базовые префиксы

Aerial · 11 Окт 2025

JustAlex написал(а):
Базовые префиксы

OFFTOP

Кому как)

akolaps · 11 Окт 2025

прикольно выглядит, like

nifyplay · 30 Ноя 2025

А куда их вставлять? Я новичок)

Kejerxf · 30 Ноя 2025

nifyplay написал(а):
А куда их вставлять? Я новичок)

В extra.less

Kejerxf · 30 Ноя 2025

Kasper написал(а):

Приветствую всех! Сегодня я подготовил интересные префиксы для вашего форума.

CSS:

.open {
    background: linear-gradient(145deg, #00c853, #64dd17);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(76, 175, 80, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.closed {
    background: linear-gradient(145deg, #ff1744, #ff5252);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(244, 67, 54, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.info {
    background: linear-gradient(145deg, #2979ff, #448aff);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(33, 150, 243, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

.question {
    background: linear-gradient(145deg, #ff9100, #ffab40);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
   
    &:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(255, 152, 0, 0.5),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

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

Выглядит прикольно, мне нравится)

nifyplay · 30 Ноя 2025

Kejerxf написал(а):
В extra.less

А баннера префиксов тогда куда? Или все в одном?

Kejerxf · 30 Ноя 2025

nifyplay написал(а):
А баннера префиксов тогда куда? Или все в одном?

Да,все туда.

Noim4ik · 5 Дек 2025

че то другои

golden · 1 Янв 2026

OFFTOP

крутой gpt кодер

🦅Seryw🦅 · 1 Янв 2026

Выглядят классно. Для базового форума пойдёт!

Поиск

Welcome!

Прикольные префиксы

Aerial

Ушёл

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Aerial

Ушёл

akolaps

nifyplay

Kejerxf

Kejerxf

nifyplay

Kejerxf

Noim4ik

golden

🦅Seryw🦅

❤️Птиц❤️ • Делай людям добро - оно вернётся