LIVE SAMP

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

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Kasper

Kasper

Активный из XenForo
Заблокированный
Регистрация
20 Мар 2025
Сообщения
732
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Приветствую всех! Сегодня я подготовил интересные префиксы для вашего форума.
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);
    }
}
1760199613886.png
 
JustAlex

JustAlex

Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,591
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
Нажмите для раскрытия...
Базовые префиксы
 
Kasper

Kasper

Активный из XenForo
Заблокированный
Регистрация
20 Мар 2025
Сообщения
732
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
JustAlex написал(а):
Базовые префиксы
Нажмите для раскрытия...
OFFTOP

Кому как)

 
Войдите или зарегистрируйтесь для ответа.
Сверху