January 20, 2011
(Back to Part 1)
Gradients and Box Shadows
Here's the latest phone on a separate page.
We still haven't used any images. Just saying.
But here are some - so you can see how that last one renders in various browsers.
- Firefox 4 betaLooks best - I used it while developing.
- Firefox 3.6.13 Border smoothing is missing.
- Opera 11Gradients missing.
- IE9Gradients missing.
- Safari 5.0.3 (Win)Border smoothing and percentages in border-radius are missing.
- AndroidBorder smoothing and percentages in border-radius are missing.
- Chrome Dev (10.0.648.11)Border smoothing is missing.
- Chrome Stable (8.0.552.237)Border smoothing missing. Inset box shadows are broken.
- IE8Because I know you were curious.
But we aren't done yet! On to Part 3.