Как верстать фреймы из фигмы?

Question

[Vadim]

Подскажите, как правильно сверстать фрейм из фигмы, чтобы видимость элементов внутри этого фрейма была ограничена границами это фрейма как в фигме?

Comments

[Ankhena]

Макет бы..

Но, возможно, вам поможет overflow.

[Vadim]

Ankhena, Вот, сделал пример. Тут текст определяет длину фрейма, и от этого изменяется видимость элемента полосы под ним.

[Ankhena]

Vadim, вообще не поняла проблемы.
Вижу текст, у него фон. Фон никогда не вылезет за пределы элемента.

[Vadim]

Ankhena, да, а как это сверстать, в коде это как будет выглядеть?

[Ankhena]

Vadim,
<p>текст</p>

p {
  width: fit-content;
  background: url(wave.svg) repeat-x bottom;
}

[Vadim]

Ankhena, Спасибо.

Answer 1

[Андрей Годунко]

<p>текст</p>

p {
  width: fit-content;
  background: url(wave.svg) repeat-x bottom;
}

Пускай будет в ответах, а не в комментариях. Не каждый их смотрит