Дополнительные действия
(Новая страница: «#container-box { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } .GradientBorder { position: relative; width: 450px; padding: 40px 40px; font-size: 5em; color: #fff; text-align: center; letter-spacing: 5px; background: #011425; } .GradientBorder::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #047...») |
Нет описания правки |
||
Строка 5: | Строка 5: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
margin:30px 30px 30px 0px; | |||
} | } | ||
Строка 12: | Строка 13: | ||
padding: 40px 40px; | padding: 40px 40px; | ||
font-size: 5em; | font-size: 5em; | ||
text-align: center; | text-align: center; | ||
letter-spacing: 5px; | letter-spacing: 5px; | ||
background: #011425; | background: #011425; | ||
color:#007eff !important; | |||
font-size:0.8rem; | |||
} | } | ||
.GradientBorder::after { | .GradientBorder::after { |
Версия от 11:06, 3 ноября 2023
#container-box {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
margin:30px 30px 30px 0px;
}
.GradientBorder {
position: relative;
width: 450px;
padding: 40px 40px;
font-size: 5em;
text-align: center;
letter-spacing: 5px;
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;
}