Shape dividers are a nice feature in Elementor allowing you to create some very interesting effects in terms of page design.
Recent versions of Elementor are suffering from an issue related to shape dividers where very noticeable jagged edges are visible on the edges of the actual shape.
At the time of writing this post, Elementor is aware of the issue but has not released an update that resolves the problem.
From what we can tell, it seems Elementor adds a transform to the actual shape in order to improve hardware accelerated rendering, however this has now become an issue.
To fix the problem, simply add the following CSS code to the section containing the shape divider:
.elementor-shape .elementor-shape-fill { -webkit-transform: none; transform: none; }
