Данный код не срабатывает, браузер приписывает ширине значение padding'а. Линия становится квадратом. Фигура не отпускается.
#curve2 {
padding-top: 120px;
height: 2px;
width: 120px;
background: #000;
transform: rotate(35deg);
}
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуНа выбор:
#curve2 {
margin-top: 120px;
height: 2px;
width: 120px;
background: #000;
transform: rotate(35deg);
}
#curve2 {
position: relative;
top: 120px;
height: 2px;
width: 120px;
background: #000;
transform: rotate(35deg);
}