Revision: 32847
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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
CSS