Concave Curve With only CSS,A Compound Shapes in CSS <p>I have a CSS student and she is taking a CSS class, and her teacher asked her to create a shape using only CSS codes,without any implementation of an Image.</p> <p>the shape is a Concave Curve, is this possible?</p> <p>the shape looks like this:</p> <p><img src="https://i.stack.imgur.com/WhXKT.png" alt="enter image description here"></p> <p>Actually I wonder about the Power of CSS3 at this point,because I have read somewhere that is not possible to create a concave curve or other complex rounded shapes in CSS,and I appreciate <a href="http://stackoverflow.com/users/361755/imsky">imsky</a> answer,but it's based on absolute positioning but,I need to know that is it possible to create such a shape without using positioning?</p> <p><a href="http://css-tricks.com/well-rounded-compound-shapes-css/" rel="nofollow noreferrer">This article</a> is about to show the creation of this kind of rounded shape using CSS,but it's not exactly the same shape,but it's useful for peoples whom interested. </p>