Как можно сверстать элемент на чистом CSS?

Question

[joker8999]

Весь элемент с градиентом. Как можно реализовать правую часть элемента чтобы можно было применить к ней градиент?

Comments

[joker8999]

Александр А: фон прозрачный

Answer 1

[Алексей]

Попробуйте тут посмотреть - codepen.io/anon/pen/jrqdgO

Answer 2

[Евгений]

Если задний фон будет одноцветный, то можно как-то так:
https://jsfiddle.net/mj3g3pdn/

Comments

[joker8999]

фон прозрачный