Как реализовать наклонную обводку у текста?

Question

[AndreiSiwaa]

Как лучше реализовать наклонную обводку как в данном примере?

Comments

[Ankhena]

Ankhena, у меня таких элементов много, и размеры у всех разные (кто-то в два слова написан, кто-то в три буквы). Поэтому хочу найти способ, чтобы обводка была у каждого элемента под размер контента, который находится внутри этого элемента

Псевдо для этого отлично подходит

[Ankhena]

AndreiSiwaa, https://jsfiddle.net/ve5ymczt/
Размеры посчитайте, если нужно, чтобы был не вписанный, а описанный эллипс.

Answer 1

[AndreiSiwaa]

Все работает по методу @Ankhena
Благодарю!

Код:

Answer 2

[Влад Базаров]

Делаете овальный border radius и искажаете здесь: https://html-css-js.com/css/generator/transform/

Comments

[AndreiSiwaa]

внутренности тоже поворачиваются, применяю обратный поворот, но он не работает

[Ankhena]

AndreiSiwaa, делайте обводку у псевдоэлемента и его поворачивайте.
Либо показывайте что не работает.

[AndreiSiwaa]

Ankhena, как при использовании псевдоэлемента сохранить размер контента?

[Ankhena]

AndreiSiwaa, не поняла, куда денется контент и его размер?
Выложите в песочницу, что у вас не получается.

[AndreiSiwaa]

Ankhena,

[Ankhena]

AndreiSiwaa, так абсолютом позиционируйте и z-index отрицательный.

[AndreiSiwaa]

Ankhena, у меня таких элементов много, и размеры у всех разные (кто-то в два слова написан, кто-то в три буквы). Поэтому хочу найти способ, чтобы обводка была у каждого элемента под размер контента, который находится внутри этого элемента.