8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.container { | |||
position: relative; | |||
display: flex; | |||
align-items: center; | |||
width: 150px; /* Ширина контейнера */ | |||
height: 50px; | |||
left: 697px; | |||
top: -37px; | |||
} | |||
.stripe { | |||
width: 5px; | |||
height: 50%; | |||
background-color: #D02019; | |||
} | |||
.left-stripe { | |||
margin-right: 50px; /* Расстояние между полосками и линией */ | |||
background-color: stransparent; | |||
} | |||
.right-stripe { | |||
transform: rotate(20deg); /* Наклоняем на 20 градусов */ | |||
margin-left: -35px; /* Подвигаем полоску на 5px влево */ | |||
} | |||
.horizontal-line { | |||
position: absolute; | |||
width: 10px; /* Ширина линии */ | |||
height: 5px; /* Толщина линии */ | |||
background-color: #D02019; | |||
top: 50%; /* Центрируем вертикально по середине контейнера */ | |||
left: calc(50% - 30px - 38px); /* Обновляем расчет для выравнивания линии */ | |||
transform: translateY(-50%); /* Центрируем вертикально */ | |||
} | |||
@keyframes gradient-text { | @keyframes gradient-text { | ||
0% { | 0% { | ||