Membuat Efek Sliding

• Cari kode ]]></b:skin>
• Letakkan kode dibawah, sebelum ]]></b:skin>

  @-webkit-keyframes MXloading{from{-webkit-transform:translate(-1000px,0px);opacity:0}
  to{-webkit-transform:translate(0px,0px);opacity:1.1;}}
  @-moz-keyframes MXloading{from{-moz-transform:translate(-1000px,0px);opacity:0}
  to{-moz-transform:translate(0px,0px);opacity:1.1;}}
  @-ms-keyframes MXloading{from{-ms-transform:translate(-1000px,0px);opacity:0}
  to{-ms-transform:translate(0px,0px);opacity:1.1;}}
  @keyframes MXloading{from{transform:translate(-1000px,0px);opacity:0}
  to{transform:translate(0px,0px);opacity:1.1;}}

• Cari kode yang mau dikasih efek sliding, dan taruh kode di bawah ini

  animation:MXloading 2s;-webkit-animation:MXloading 2s;-o-animation:MXloading 2s-moz-animation:MXloading 2s;-ms-animation:MXloading 2s;animation:MXloading 2s;

• Contoh 

  #main-wrapper{animation:MXloading 2s;-webkit-animation:MXloading 2s;-o-animation:MXloading 2s-moz-animation:MXloading 2s;-ms-animation:MXloading 2s;animation:MXloading 2s;width:600px;float:left;margin-left:-2px;word-wrap:break-word;overflow:}

  
  Sekian dan terimakasih. :)
  
  
  
  
  sumber  http://aryx-world.blogspot.com/2013/01/membuat-efek-sliding.html

Tweet