CSS: Cross browser keyframes

gistfile1

/*-- animation --*/
    @-ms-keyframes rotate /* ie */ {
      from {opacity:0; left:-100px;}
      to {opacity:1; left:25px;}
    }

    @-moz-keyframes rotate /* Firefox */ {
      from {opacity:0; left:-100px;}
      to {opacity:1; left:25px;}
    }

    @-webkit-keyframes rotate /* Safari and Chrome */ {
      from {opacity:0; left:-100px;}
      to {opacity:1; left:25px;}
    }

    @-o-keyframes rotate /* Opera */ {
      from {opacity:0; left:-100px;}
      to {opacity:1; left:25px;}
    }

    @keyframes rotate {
      from {opacity:0; left:-100px;}
      to {opacity:1; left:25px;}
    }