Многослойные слои CSS \ Непрямоугольный слой CSS

Можно ли создать слои CSS в форме следующего изображения ...

Я знаю, что у нас могут быть изображения этой формы, и с прозрачным фоном мы можем иметь слои в такой форме ... но я не хочу, чтобы слои CSS к фактическим границам, подобным этим фигурам ... есть ли способ CSS, jQuery или что-то в этом роде ....

Примечание: под «такими фигурами я имею в виду не только эти три примера, но и фигуры, которые я мог бы определить»