Reply To: Site banner design with half circle: HTML5 ?

[Shikkediel]

I’m lost…

Don’t think about the why on that one, it’s just one of those things that happens to work because of how the W3 spec is defined – using margin: auto is essential there too. But you could also take another approach to center it.

I think you solved the cropping issue…

Box-shadow I figured would be tricky, I’ll have to take another look at that one.

Edit – first attempt

Also a second attempt, where the circle is a separate div and the pseudo used for the shadow.