Return to Snippet

Revision: 32847
at October 3, 2010 06:47 by Shujin

Initial Code
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: inset 1px 1px 1px #644823;
-moz-box-shadow: inset 1px 1px 1px #644823;
-webkit-box-shadow: -1px -1px 1px #644823;

Initial URL

Initial Description
So it\'s a pretty simple fix I found out whilst coding my site (ohsogeoff).\r\n\r\nBasically, Chrome hates combining both border radius and inset box shadow! So all we do to fix this is remove the inset on webkit and reverse the direction of the shadow by applying negative values.

Initial Title
CSS3 Chrome rounded box-shadow inset fix

Initial Tags

Initial Language