Chrome Adds More CSS3 Support

I’m not sure when this was implemented, and I don’t know what else was implemented at the same time, but I noticed the other day that Chrome now supports the standard border-radius CSS3 property, rather than requiring the -webkit- prefix.

If you’re using Chrome (or the new IE9 platform preview), this text should be inside of a box with a black, rounded border.

Has this also been implemented in the new versions of Safari? Any ideas what other CSS3 properties might have been added with the latest updates to Chrome?

CSS3 Will Include Rounded Corners

With Web 2.0, rounded corners have become wildly popular. Unfortunately, as of right now, you need to use transparent images, some fancy CSS hacks and some extraneous HTML to make them work properly.

However, Mozilla (Firefox) and Webkit (Safari, Konqueror) browsers have implemented a property called border-radius, which will apparently be included in the CSS3 spec, allowing you to easily create rounded corners on any bordered HTML element.

At this time, you have to use browser-specific properties for Mozilla and Webkit browsers, as the border-radius property is not yet fully implemented. You can find more information about the -moz-border-radius and -webkit-border-radius implementations on The Art of Web. More info about the proposed CSS3 spec on border-radius can be found on the W3 site.