Как сделать кривую линию в css

Для создания кривых линий в CSS используется свойство border-radius. Оно позволяет задавать радиус закругления углов элеметов (таких как прямоугольники, квадраты и т.д.).

Чтобы создать кривую линию, нужно задать большой радиус для одного из углов элемента, а для остальных — нулевой радиус. Например:

.element {
  border-radius: 50px 0 0 0; /* задаем большой радиус для левого верхнего угла */
  width: 200px;
  height: 50px;
}

Этот код создаст кривую линию сверху слева элемента с радиусом 50 пикселей, а у остальных углов будет нулевой радиус.

Также можно использовать свойство border-top-left-radius, чтобы задавать радиус конкретного угла:

.element {
  border-top-left-radius: 50px;
  width: 200px;
  height: 50px;
}

Этот код также создаст кривую линию сверху слева с радиусом 50 пикселей.