Profile Picture Upload semicircle Input

https://codepen.io/ahmd_shajmeer/pen/GgRprYM I was trying to achieve the design from the image for user profile upload input , but the upload-btn is not getting the semicircle shape that matches with profile container radius.
No description
3 Replies
Mannix
Mannix4d ago
instead of messing with the border-radius you should leverage the power of overflow: hidden; https://codepen.io/MannixMD/pen/raNOyBa
Mannix
Mannix4d ago
I also used grid to stack them on top of each other instead of positioning
ahmd shajmeer
ahmd shajmeerOP4d ago
thanks

Did you find this page helpful?