3 ms·
I did notice some of them only to work in IE since it uses the MS- prefix. However they are also marked as an issues that would be fixed later. So hopefully it
by nivla 13y ago
I did notice some of them only to work in IE since it uses the MS- prefix. However they are also marked as an issues that would be fixed later. So hopefully it be corrected soon but since its already open sourced and the syntax is merely CSS3, its won't be that hard to go ahead and fix it yourself.
Working on a project that relies heavily on CSS3, I have come to the conclusion that most browsers still depend on vendor specific prefixes. Take the CSS animation for instance, without the inclusion of "-webkit-", it fails to work in the latest Chrome and Safari while having no issues on Firefox or IE.
[1] http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-delay http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_a...
- nnq 13y agoLESS or SASS/Compass are you friends :) ...and the only way to maintain sanity when doing heavy edgy CSS3. Once you have your mixins abstracting away browser prefixes and common patterns, you can get to the new level of style patterns reuse with higher-order-functions-like features like LESS's mixins that can take mixins as arguments (great for the @keyframes prefixes madness at first, afterwards only your masochism and imagination set the limit). I'll never be able to stand the pain of writing "plain ol' CSS by hand" again...
- nawitus 13y agoYou can use autoprefixer[1] to apply vendor prefixes automatically. In fact, CSS is madness without it in my opinion. 1. https://github.com/ai/autoprefixer https://github.com/ai/autoprefixer