How to make a semicircle?

5ca0709876ea8184250238.png
How to make a semi circle or how to insert a picture of this semi-circle so all his boundaries were displayed well
5ca0710eb6cb7320105440.png
And it turns out so. The upper and lower bounds of range are not displayed.
5ca0720cca26c967867169.png
March 19th 20 at 09:22
1 answer
March 19th 20 at 09:24
Though I am not wertalik, but I would draw the circle the normal css to position absolutely and asked a negative top and right to hide it outside the viewport. You will need to place it in a container that will not go beyond the border of the viewport and set it to a value that truncates what gets beyond it. Something like box sizing: border box. Or overflou: hidden. I don't remember.
With bottles one picture to post, but they can also absolutely place on the circle. The first is easier.

Or just the background of this picture to post and also play with the location.

Find more questions by tags HTMLCSS