Rounded Shadows in Chrome
Google Chrome, the browser-as-a-modern-operating-system, came out of beta earlier this week.
I love that Chrome uses Safari’s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like box-shadow: and border-radius:, but it features the improved Web Inspector.
But I find it rather silly to show rounded corners and drop shadows if you have this problem (Safari also shown for comparison):
 |
 |
| Safari 3.0 | Chrome 1.0 |
Remember, Chrome and Safari use the same layout engine. This bug only shows up when you use box-shadow: and border-radius: together .. in Chrome.
When IE & FireFox can’t show either the shadows or rounded corners, they at least fail gracefully.
If anyone has found a way to make Chrome behave, I’d love to hear about it. I’d like to be able to recommend people to a Windows browser (other than the awkward-on-that-platform Safari) in which to view my work with optimal presentation.