CSS-эффекты и графика

Спирали и линии

Декоративные линии для подчёркиваний и стрелок: волна, каракуля, зигзаг, спираль и петля с настройкой толщины, пунктира и градиента обводки.

Линия

Вид

Толщина: 6 px Размах: 55% Витков или гребней: 3 Высота холста: 160 px

Цвет Второй цвет

Градиентная обводка

Концы линии

Пунктир

Пусто — сплошная линия

Превью

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160">
  <path fill="none" stroke="#6366f1" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" d="M 0 80 C 4.2 74.8, 16.7 56.2, 25 48.9 C 33.3 41.6, 41.7 36, 50 36 C 58.3 36, 66.7 41.6, 75 48.9 C 83.3 56.2, 91.7 69.6, 100 80 C 108.3 90.4, 116.7 103.8, 125 111.1 C 133.3 118.4, 141.7 124, 150 124 C 158.3 124, 166.7 118.4, 175 111.1 C 183.3 103.8, 191.7 90.4, 200 80 C 208.3 69.6, 216.7 56.2, 225 48.9 C 233.3 41.6, 241.7 36, 250 36 C 258.3 36, 266.7 41.6, 275 48.9 C 283.3 56.2, 291.7 69.6, 300 80 C 308.3 90.4, 316.7 103.8, 325 111.1 C 333.3 118.4, 341.7 124, 350 124 C 358.3 124, 366.7 118.4, 375 111.1 C 383.3 103.8, 391.7 90.4, 400 80 C 408.3 69.6, 416.7 56.2, 425 48.9 C 433.3 41.6, 441.7 36, 450 36 C 458.3 36, 466.7 41.6, 475 48.9 C 483.3 56.2, 491.7 69.6, 500 80 C 508.3 90.4, 516.7 103.8, 525 111.1 C 533.3 118.4, 541.7 124, 550 124 C 558.3 124, 566.7 118.4, 575 111.1 C 583.3 103.8, 595.8 85.2, 600 80"/>
</svg>

Только путь (атрибут d)

M 0 80 C 4.2 74.8, 16.7 56.2, 25 48.9 C 33.3 41.6, 41.7 36, 50 36 C 58.3 36, 66.7 41.6, 75 48.9 C 83.3 56.2, 91.7 69.6, 100 80 C 108.3 90.4, 116.7 103.8, 125 111.1 C 133.3 118.4, 141.7 124, 150 124 C 158.3 124, 166.7 118.4, 175 111.1 C 183.3 103.8, 191.7 90.4, 200 80 C 208.3 69.6, 216.7 56.2, 225 48.9 C 233.3 41.6, 241.7 36, 250 36 C 258.3 36, 266.7 41.6, 275 48.9 C 283.3 56.2, 291.7 69.6, 300 80 C 308.3 90.4, 316.7 103.8, 325 111.1 C 333.3 118.4, 341.7 124, 350 124 C 358.3 124, 366.7 118.4, 375 111.1 C 383.3 103.8, 391.7 90.4, 400 80 C 408.3 69.6, 416.7 56.2, 425 48.9 C 433.3 41.6, 441.7 36, 450 36 C 458.3 36, 466.7 41.6, 475 48.9 C 483.3 56.2, 491.7 69.6, 500 80 C 508.3 90.4, 516.7 103.8, 525 111.1 C 533.3 118.4, 541.7 124, 550 124 C 558.3 124, 566.7 118.4, 575 111.1 C 583.3 103.8, 595.8 85.2, 600 80