Дополнительные действия
Нет описания правки |
Нет описания правки |
||
Строка 1: | Строка 1: | ||
#container-box { | #container-box { | ||
position: absolute; | |||
background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4); | background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4); | ||
z-index: -2; | z-index: -2; |
Версия от 11:18, 3 ноября 2023
#container-box {
position: absolute;
background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4);
z-index: -2;
filter: blur(30px);
opacity: 0.7;
width: 950px;
}
.GradientBorder {
position: relative;
width: 850px;
padding: 40px 40px;
margin:30px 30px 30px 0px;
background: #011425;
color:#007eff !important;
font-size:0.8rem;
border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30;
border-width: 2px;
border-style: solid;
}
.GradientBorder:after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5);
z-index: -1;
}
.GradientBorder:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4);
z-index: -2;
filter: blur(30px);
opacity: 0.7;
}