Как изменить декоративный элемент?

Question

[Артур Левенсон]

Подскажите пожалуйста, как можно добиться вот такого вот результата:

пример кода: https://codepen.io/kiskiskit/pen/vYyWWXj

Answer 1

[RAX7]

.text p {
  display: inline-block;
  position: relative;
}

.text p::before {
  content: '';
  position: absolute;
  left: -30px;
  right: -30px;
  top: -10px;
  height: 6px;
  background: radial-gradient(circle, #000 2px, transparent 3px) space center / 10px 6px;
  opacity: 0.3;
}

Comments

[Артур Левенсон]

благодарю