I’m struggling to get my head around css shapes :( I would like to create two circle shapes which overlap a little but the overlapping circle indents into the circle behind it leaving a 3px gap. Please see image for better understanding.
Can anyone help me out please?
Short answer: you can’t do this. There is no path-finder in CSS. You can make 2 half transparent circles overlapping each over, but you won’t make a transparent border around the top one.
It’s not perfectly what you are after but you can work with divs with border-radius and a box shadow.
You might want to look at this: – http://dabblet.com/gist/2668930
Cheers lads for your help! That should be enough to get me going.
You must be logged in to reply to this topic.