html - Can you make this shape in CSS -
is possible make shape in css without using circle , hiding overflow in div? have tried use border-radius , sure not possible this.
i able svg.
.shape { fill: #1d7c4f; }
<svg version="1.1" id="layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/adobesvgviewerextensions/3.0/" x="0px" y="0px" width="150px" height="100px" viewbox="0 0 150 100" style="enable-background:new 0 0 150 100;" xml:space="preserve"> <path class="shape" d="m150,100h17.8c17.8,100,0,85,0,50s17.8,0,17.8,0h150v100z" /> </svg>
Comments
Post a Comment