How to manage SVG border like attached image?
Go to a clip path generator (I used the rabbet form as the baseline from https://www.cssportal.com/css-clip-path-generator/ for this quick and dirty example)
Then just add a div which applies the clip path:
Just be aware that clip path doesn’t apply OUTSIDE the container. It applies inside the containers box, so ensure you’ve got whatever’s inside the container spaced correctly to not get clipped (unless you want it clipped)
I am sorry if it was misunderstanding. We try to achieve golden border. White are is just an example where will be a text.
What golden border - the ovalish shape around the really odd white box?
If so, you can do it using an absolute positioned pseudo-element
Thank you for the message!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.