Seeking Guidance: Achieving Desired Border Effect in Design Section
Hello, could someone assist with designing this section? I've attempted to create a border effect within it but encountered difficulty. Perhaps my approach is not optimal. Additionally, it doesn't resemble the provided image. Can anyone provide guidance on achieving the desired effect?
Here is the code pen link-: https://codepen.io/Amit-Soni-the-vuer/pen/mdgGwRW
4 Replies
If somebody figures this out can I also get a ping? Been wondering about this myself
I guess you could overlay two divs with slight margin and a different border radius to compensate for the inset?
my take is layer 2 gradients: one conic for the border the other solid to partially transparent at the bottom right corner to let the color bleed through a bit: https://codepen.io/jsnkuhn/pen/LYvJBBZ
Thank you for your guidance. I will try this way and let you know. what it looks like in design.
Thank you for your guidance. It worked.
@StefanH