# how to design this curve

**URL:** <https://forum.kirupa.com/t/how-to-design-this-curve/642000>\
**Category:** web dev\
**Created:** [March 5, 2020, 2:35pm UTC](https://forum.kirupa.com/t/how-to-design-this-curve/642000 "2020-03-05T14:35:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ali\_talaee](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ali_talaee/32/11177_2.png) [@ali\_talaee](https://forum.kirupa.com/u/ali_talaee)\
**Post date:** [March 5, 2020, 2:35pm UTC](https://forum.kirupa.com/t/how-to-design-this-curve/642000/1 "2020-03-05T14:35:48Z")

</div>

hi please help me. how can I create this curve cut like below photo

 ![attachment](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/8/86ec44d9331eb5c5baf82d2dda63f35b7e2e0e1c.png)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 5, 2020, 5:17pm UTC](https://forum.kirupa.com/t/how-to-design-this-curve/642000/2 "2020-03-05T17:17:37Z")

</div>

In what tool or language? Your question is a little vague 😛

---

<div class="post-metadata">

**Author:** ![VaiFanatic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaifanatic/32/7159_2.png) [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Post date:** [March 6, 2020, 1:02am UTC](https://forum.kirupa.com/t/how-to-design-this-curve/642000/3 "2020-03-06T01:02:22Z")

</div>

Should be easy to accomplish with CSS. I’ll see if I can write something up when I get home if someone doesn’t beat me to it.