Кривая / наклонная линия в SVG

03.03.2021

Иногда требуется сверстать, например, горизонтальную наклонную линию. Ниже пример такой линии в формате SVG.

 
<div data-fill-color="#00526c" style="display: block;">
<svg class="t796__svg" style="height:4vw;fill:#00526c;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 200" preserveAspectRatio="none">
<path d="M1280 200H0V0l1280 195.5v4.5z"></path>
</svg>
</div>

Результат:


Пометки: Волна. Как сделать наклонную горизонтальную линию на css. Верстка линия.
Яндекс.Метрика