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?
7 Replies
use pseudo element (before or after) and make that circle and give the same color as border https://codepen.io/MannixMD/pen/XWQXeNZ
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
--update.
I've added the matching piece too
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
How to convert to dashed border style
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