Можно ли закрасить только часть фигуры (div)?

Question

[distorting_reality]

Вот код codepen.io/anon/pen/Huybq

Можно ли закрасить (background: green;) только часть этой области, фона?
К примеру, вот так

Comments

[Сергей]

вот еще способ без дополнительной разметки через :before и :after и все кросбраузерно codepen.io/anon/pen/lhFyg

Answer 1

[Юрий Лобанов]

Без дополнительных блоков внутри, используйте градиент. Не забудьте префиксы поставить для кроссбраузерности.
codepen.io/iiil/pen/KBzvo

Answer 2

[DoRcK]

Тык