Как сделать линию span закругленной?

Question

[bgood]

подскажите, есть возможность согнуть линию span чтобы она не была прямой, а сгибалась в определенном месте, ну или в начале/в конце

Comments

[Антон Горецкий]

у span нет никакой линии - это просто строчный элемент

[bgood]

Антон Горецкий, span как div можно настроить в виде линии
возможно у вас есть мысли, как вставить настраиваемую линию, которую можно согнуть в любом месте,с радостью выслушаю

[Anonymous Penguin]

bgood, Как должна выглядеть твоя "согнутая линия", как она будет влиять на свою и внешнюю геометрию. Нарисуй в долбаном паинте

[Антон Горецкий]

bgood, ни div, ни span согнуть нельзя. Можно задать им бордер, можно скруглить его, можно приставить к ним псевдоэлементы под любым углом.

[bgood]

Anonymous Penguin,
как-то так, но ровнее)

[bgood]

Антон Горецкий, скорее всего так и буду делать, но стало интересно о альтернативе

[Антон Горецкий]

bgood, ну альтернатива это SVG или canvas

[bgood]

Антон Горецкий, согласен, но я еще хочу навесить эффекты на эти линии

[Anonymous Penguin]

bgood, ну span ты так не сможешь согнуть. Как говорят хабровчане выше, сделай через SVG

[Александр Шипин]

bgood,

согласен, но я еще хочу навесить эффекты на эти линии

вам ничего не мешает сделать SVG (Canvas) вместо span, и делать любые удобные манипуляции уже с SVG (хоть в бараний рог скручивайте а потом в космос запускайте), так как в SVG работа идёт с путями и векторами. А span в то, что вы хотите сделать, никак не получится преобразовать, так как это inline элемент, у которого нет таких трансформаций.