Дополнительные действия
Нет описания правки |
Нет описания правки |
||
Строка 3: | Строка 3: | ||
height: 100vh; | height: 100vh; | ||
display: flex; | display: flex; | ||
} | } | ||
.GradientBorder { | .GradientBorder { | ||
Строка 12: | Строка 8: | ||
width: 450px; | width: 450px; | ||
padding: 40px 40px; | padding: 40px 40px; | ||
margin:30px 30px 30px 0px; | |||
background: #011425; | background: #011425; | ||
color:#007eff !important; | color:#007eff !important; |
Версия от 11:10, 3 ноября 2023
#container-box {
width: 100%;
height: 100vh;
display: flex;
}
.GradientBorder {
position: relative;
width: 450px;
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;
}