Как создать несколько полукругов/полукругов только с одной стороны (см. изображение ниже)?
Мой ожидаемый результат:
Результат:
Этот код я попробовал. CSS:
.ticket { отображение: встроенный блок; ширина: 500 пикселей; высота: 200 пикселей; переполнение: скрыто; фон: оранжевый; -webkit-маска: вар(--маска); маска: вар (-- маска); --mask: радиальный градиент (16 пикселей при 16 пикселей 50%, #0000 100%, #000) -16 пикселей/ 100% 50 пикселей; } html:
