Дополнительные действия
Нет описания правки |
Нет описания правки |
||
Строка 1: | Строка 1: | ||
#container-box { | #container-box { | ||
background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4); | |||
z-index: -2; | |||
filter: blur(30px); | |||
opacity: 0.7; | |||
width: 950px; | |||
} | } | ||
.GradientBorder { | .GradientBorder { | ||
Строка 10: | Строка 15: | ||
font-size:0.8rem; | font-size:0.8rem; | ||
border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30; | border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30; | ||
border-width: | border-width: 2px; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
Строка 33: | Строка 38: | ||
z-index: -2; | z-index: -2; | ||
filter: blur(30px); | filter: blur(30px); | ||
opacity: 0.7; | |||
} | } |
Версия от 11:16, 3 ноября 2023
#container-box {
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;
}