I need to style a dummy or normal picture like this, and I have it surrounded with a div with shadows.
I don’t know how to make the lower right inner corner. And I need to change the gender symbol inside that corner. It’s easy to change the symbol with angular, but I need a span or div to do it in.
Any suggestions to a proper CSS for this?
Asked
Active
Viewed 32 times
0

AHJ
- 153
- 1
- 16
-
Give us some code to work please ;-) – Theodore K. Jun 22 '16 at 08:53
-
Just for clarity (as my comment got auto removed with the closure), you should look at the SVG or clip-path options because you are looking for the inward curve on an `img` or a `div` (which I assume has an image background). The other approaches won't work for you. – Harry Jun 22 '16 at 08:59
-
I dont have any code yet.. – AHJ Jun 22 '16 at 09:18
-
Harry: Do you have a link or some code to get started with? – AHJ Jun 22 '16 at 09:18