LIVE SAMP

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

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

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

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

YungFimoz

Активный из XenForo
Активный
Регистрация
20 Мар 2025
Сообщения
682
Приветствую всех! Сегодня я подготовил интересные префиксы для вашего форума.
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,388
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
Нажмите для раскрытия...
Базовые префиксы
 
Войдите или зарегистрируйтесь для ответа.
Сверху