treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Does prefix order matter?

  • Does the order of css3 vendor prefixes matter or provide a different output if arranged differently?

    Example:

    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    -o-transform: rotate(30deg); /* Opera */
    -moz-transform: rotate(30deg); /* Firefox */
    

    Versus

    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(30deg); /* Opera */
    -moz-transform: rotate(30deg); /* Firefox */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
    
  • @Rugg, Here... is some read on it

  • It's important that the non-prefix version comes last.

  • Awesome. thanks for the resource.