how to archive this style

No description
11 Replies
Chris Bolson
Chris Bolsonβ€’7mo ago
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.
MarkBoots
MarkBootsβ€’7mo ago
could even be a conic-gradient bg
Rio200
Rio200OPβ€’7mo ago
could you provide a solution as a codepin? I tried and this is my result
Rio200
Rio200OPβ€’7mo ago
Is it fine? Or there is a best solution ?
MarkBoots
MarkBootsβ€’7mo ago
here with a separate divider element --edit: removed the pen, see screenshot below
Rio200
Rio200OPβ€’7mo ago
Thank you @MarkBoots
Chris Bolson
Chris Bolsonβ€’7mo ago
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
Rio200
Rio200OPβ€’7mo ago
Thank you very much chris
Chooβ™šπ•‚π•šπ•Ÿπ•˜
The use of conic gradient was mentioned but not demonstrated. Here is is a demonstration of that: https://codepen.io/chooking/pen/YzbzoWo
MarkBoots
MarkBootsβ€’7mo ago
Removed the pen. screenshot for future reference
No description
Want results from more Discord servers?
Add your server