|
|
| (не показано 8 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| #container-box {
| |
| width: 100%;
| |
| height: 100vh;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
|
| |
|
| |
| }
| |
| .GradientBorder { | | .GradientBorder { |
| position: relative; | | position: relative; |
| width: 450px; | | width: 850px; |
| padding: 40px 40px; | | padding: 10px 40px; |
| margin:30px 30px 30px 0px;
| | margin:30px 30px 30px 0px; |
| font-size: 5em;
| |
| text-align: center;
| |
| letter-spacing: 5px;
| |
| background: #011425; | | background: #011425; |
| color:#007eff !important; | | color:#007eff !important; |
| font-size:0.8rem; | | font-size:0.8rem; |
| }
| | border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30; |
| .GradientBorder::after {
| | border-width: 1px; |
| content: '';
| | border-style: solid; |
| 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;
| |
| } | | } |
Текущая версия от 11:24, 3 ноября 2023
.GradientBorder {
position: relative;
width: 850px;
padding: 10px 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: 1px;
border-style: solid;
}
