Browsers

There is border-radius CSS3 property that makes the angles of the block rounded. Mozilla based browsers support it with vendor prefix -moz- for ages: -moz-border-radius:2em. Safari also supports it but with -webkit- prefix. Opera doesn't support this property, but unlike Safari and FF it supports SVG images as backgrounds (since 9.5), so we can rewrite the block styles in SVG and place the image as block background. But sometimes not all of the corners of the block should be rounded...

Read more...