3 ms·
It looks pretty nice but the use of background gradients is inconsistent. The buttons with a background image have no gradient but the other buttons do.
by gizmo 15y ago
It looks pretty nice but the use of background gradients is inconsistent. The buttons with a background image have no gradient but the other buttons do.
- blakeperdue 15y agoNice catch. Know of an easy workaround to this?
- bretthopper 15y agoYou can use multiple backgrounds in CSS3: http://snook.ca/archives/html_and_css/multiple-bg-css-gradients http://snook.ca/archives/html_and_css/multiple-bg-css-gradie... Lots of details here and some catches to look out for (mostly browser support).
- alanh 15y agoWarning: Multiple backgrounds can lead to LOTS of waste in the CSS (defining gradients over and over) if you aren’t using sprites for those icons (and setting all of them at once).
- gizmo 15y agoNope, I don't think there are any (the CSS3 workarounds can be tricky with custom padding/margin). Google consistently uses nested elements and I think for the next few years that's the only solution that's going to work well cross-browser.