Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

обводка блоков crmp online

Окт
380
683
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
вставлять в 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
 
Авг
79
10
Пользователь
вставлять в 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
как изменить цвет, когда наводишь на блок? там на фоне желтый, не знаю как изменить
 
Сверху