0

I try to build the form of the div with the gradient. The one where the corner in the top left is gone. But I don't know how I can do that with the clipPath function. Does anyone know how to do that? image

This is my Div and i need to cut the top left corner like the picture describes

<div className="rounded-lg rounded-tl-none border">
  <p>{title}</p>
  <p>{content}</p>
</div>
Tim Reber
  • 9
  • 2
  • 1
    Have you made any attempts with [clip path](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path) at all yet? Please show what you've tried – Sean Feb 01 '23 at 22:30
  • Maybe try a [generator](https://bennettfeely.com/clippy/) – Snake_py Feb 01 '23 at 22:33
  • Also see this post - https://stackoverflow.com/questions/31765345/how-to-round-out-corners-when-using-css-clip-path – Snake_py Feb 01 '23 at 22:35

0 Answers0