How can I create a shape like the one in the photo and it has a border?

I want to create a shape like in the image and it has a border around this shape. Can anyone help me?
No description
7 Replies
Mannix
Mannix8mo ago
use pseudo element (before or after) and make that circle and give the same color as border https://codepen.io/MannixMD/pen/XWQXeNZ
MarkBoots
MarkBoots8mo ago
It's quite a bit of background and mask gradients, but with this you don't need to match the page background, and it's a single element without the use of pseudo https://codepen.io/MarkBoots/pen/GRLoMGp
MarkBoots
MarkBoots8mo ago
--update. I've added the matching piece too
No description
conmeomaunau
conmeomaunau8mo ago
thank you so much ❤️ @MarkBoots i use dom to set attribute --border-color but it doesn't work @MarkBoots i only ask you one more question
conmeomaunau
conmeomaunau8mo ago
No description
conmeomaunau
conmeomaunau8mo ago
How to convert to dashed border style
MarkBoots
MarkBoots8mo ago
just set in on border, instead of solid -> dashed ah, but that wont work for the left first one. that is a gradient. will check that out later
Want results from more Discord servers?
Add your server