{"id":9500,"date":"2022-01-31T13:44:39","date_gmt":"2022-01-31T11:44:39","guid":{"rendered":"https:\/\/maxservices.gr\/elementor-shape-separator-with-transparent-background-using-clip-path-css\/"},"modified":"2022-01-31T13:44:39","modified_gmt":"2022-01-31T11:44:39","slug":"elementor-shape-separator-with-transparent-background-using-clip-path-css","status":"publish","type":"post","link":"https:\/\/maxservices.gr\/en\/elementor-shape-separator-with-transparent-background-using-clip-path-css\/","title":{"rendered":"Elementor Shape separator with transparent background using clip-path css"},"content":{"rendered":"

In the case that you wish to separate a background in elementor with a shape divider in order to transform your image either up or down with waves or other shapes and at the same time you want the back background image to appear (where it makes the cut that is), unfortunately you won’t be able to do it with Elementor’s classic shape splitter. This is because the shape separator in the partition can only display color (until 1\/31\/2022).<\/p>\n

To achieve the result that follows in the image you will need to use the magic of css and more specifically the clip-path.<\/p>\n

<\/p>\n

Clip-path instructions:<\/p>\n