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

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

Зарегистрироваться!
Заблокированный
Регистрация
30 Окт 2024
Сообщения
382
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
вставлять в extra.less


CSS:
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}

IMG_4621.jpeg
 
Пользователь
Регистрация
1 Авг 2024
Сообщения
71
вставлять в extra.less


CSS:
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}

Посмотреть вложение 17675
как изменить цвет, когда наводишь на блок? там на фоне желтый, не знаю как изменить
 
Сверху