11 Replies
There are many ways to achieve that.
Rotate, skew, clip-path to name the most obvious.
You would really need to provide more context for anybody to make a more exact suggestion.
could even be a conic-gradient bg
could you provide a solution as a codepin?
I tried and this is my result
Is it fine?
Or there is a best solution ?
here with a separate divider element
--edit: removed the pen, see screenshot below
Thank you @MarkBoots
I know that Mark has already given you an excellent solution but I had already started on creating a few examples using the methods I suggested so I'll post it here anyway: https://codepen.io/cbolson/pen/YzbzGQx
Thank you very much chris
The use of conic gradient was mentioned but not demonstrated. Here is is a demonstration of that: https://codepen.io/chooking/pen/YzbzoWo
Removed the pen.
screenshot for future reference