Как сверстать такую цифру?

Question

[ich_heisse_erich]

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

Answer 1

[lUser L]

может через clip-path попробуешь ?

https://codepen.io/5h4dy_s/pen/JjYGXQa

Answer 2

[szQocks]

Скорее text-shadow или box-shadow решит данную задачу...
Сделать тень , сместить её в низ как на картинке, написать блоке overflow: hidden что бы не было тени с низу, а тень направить в правую сторону