8,960
edits
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
opacity: -1.5; /* Прозрачность 50% */ | opacity: -1.5; /* Прозрачность 50% */ | ||
} | } | ||
.horizontal-line { | .horizontal-line { | ||
position: absolute; | position: absolute; | ||
width: 60px; /* Ширина | width: 60px; /* Ширина подковы */ | ||
height: | height: 60px; /* Высота подковы */ | ||
border: 5px solid | border: 5px solid #D02019; /* Цвет и толщина линии */ | ||
border | border-color: transparent transparent #D02019 #D02019; /* Цвет только нижней и левой границы */ | ||
border-radius: 50% 50% 0 0; /* Радиус для создания | border-radius: 50% 50% 0 0; /* Радиус для создания формы подковы */ | ||
top: 50%; /* | top: 50%; /* Центрирование вертикально */ | ||
left: calc(50% - 30px); /* | left: calc(50% - 30px); /* Центрирование горизонтально */ | ||
transform: translateY(-50%); /* | transform: translateY(-50%) rotate(180deg); /* Вращение на 180 градусов для ориентации концов вверх */ | ||
} | } | ||