8,960
edits
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
} | } | ||
.left-stripe { | .left-stripe { | ||
margin-right: | margin-right: 50px; /* Расстояние между полосками и линией */ | ||
} | } | ||
.right-stripe { | .right-stripe { | ||
transform: rotate(20deg); /* Наклоняем на 20 градусов */ | transform: rotate(20deg); /* Наклоняем на 20 градусов */ | ||
margin-left: - | margin-left: -35px; /* Подвигаем полоску на 5px влево */ | ||
} | } | ||
.horizontal-line { | .horizontal-line { | ||
| Line 24: | Line 24: | ||
background-color: black; | background-color: black; | ||
top: 50%; /* Центрируем вертикально по середине контейнера */ | top: 50%; /* Центрируем вертикально по середине контейнера */ | ||
left: calc(50% - 30px - | left: calc(50% - 30px - 40px); /* Обновляем расчет для выравнивания линии */ | ||
transform: translateY(-50%); /* Центрируем вертикально */ | transform: translateY(-50%); /* Центрируем вертикально */ | ||
} | } | ||