I like how it goes “word number word number” for the order of the property values. Having the numbers sort of broken up like that with a named value makes the order a little easier to remember. But as mentioned, we need a few additional rules to get transitions working in all non-IE browsers. It’s basically just a few lines replicating the rule with vendor-specific prefixes:
Yes, the additional declarations mute the elegance of the transition shorthand, but it works. I look at it as progressive enhancement. The browser-specific stuff enhances the experience for those particular browsers without effecting anything else.
“Clean up, go home..”These CSS shortcuts will save you time and resources. You should already be using them. So if not, now is the time to begin. Clean up your stylesheets, save time, and go home early ;)
Other great resources for CSS shorthandGood call on the ‘progressive enhancement’. It sucks, I love using CSS3 techniques, but not so much when I have to include -webkit, -moz, -o, etc. It’s honestly ridiculous that the browsers will not recognize the code if they support the feature. I understand its considered ‘experimental’, but I also understand that the browsers are all using the same code at this point. I continue using JavaScript for things like this because it works across even old browsers and I don’t have to trash my CSS documents with conditional code. That, or in many cases where I generate the CSS with PHP, I’ll pass a variable to the generator indicating which browser prefix to put on the new properties, but that also requires some JavaScript. Honestly, I am disappointed in the way CSS is standardized (not disappointed by the technology, by any means.) But I think the process of standardization has been extremely slow, vague and misinformed ever since CSS2. I know there’s a lot to consider, but CSS pitfalls are not being addressed quick enough, or at all, and its causing novices to use JS for inappropriate things, and pushing developers like myself to trash CSS through PHP and things like the LESS framework.