Дополнительные действия
Нет описания правки |
Нет описания правки |
||
Строка 10: | Строка 10: | ||
font-size:0.8rem; | font-size:0.8rem; | ||
} | } | ||
.GradientBorder | .GradientBorder:after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
Строка 20: | Строка 20: | ||
z-index: -1; | z-index: -1; | ||
} | } | ||
.GradientBorder | .GradientBorder:before { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; |
Версия от 11:11, 3 ноября 2023
#container-box {
}
.GradientBorder {
position: relative;
width: 850px;
padding: 40px 40px;
margin:30px 30px 30px 0px;
background: #011425;
color:#007eff !important;
font-size:0.8rem;
}
.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;
}