FireFox 13 drops -moz- prefix for CSS3 attributes

If you happened to be scratching your head, wondering what happened to your ‘border-radius’ or ‘box-shadow’ in Firefox, you should give this developers page a read:
https://developer.mozilla.org/en/Firefox_13_for_developers

Firefox 13 is dropping the vendor prefix from these two CSS3 properties. This should not affect you if you already are using ‘border-radius’ and ‘box-shadow’. Your CSS3 used to look like this:

div{
    -moz-box-shadow: 0 3px 5px #ccc;
    -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 5px #ccc;
}

should now look like this:

    -webkit-box-shadow: 0 3px 5px #ccc;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 5px #ccc;

However if you are uncertain of what browser your traffic is coming in through, it may be a good idea to leave ‘-moz-box-shadow’ and ‘-moz-border-radius’ to support legacy browsers.

Posted: June 14th, 2012
Categories: code, Info
Tags:
Comments: No Comments.