Nine ways to accelerate HTML5 applications-------2. Using CSS to convert effects

nine ways to accelerate HTML5 applications-------2. Using CSS to convert effects
using the CSS conversion effect to replace JavaScript can improve the speed at which page elements are converted in two states, and you can move a box quickly by using Totheleft and Totheright. For example:
Div.box {
left:50px;
//for WebKit Browsers
-webkit-transition:all 0.3s ease-out;
//for Mozilla
-moz-transition:all 0.3s ease-out;
//for Opera
-o-transition:all 0.3s ease-out;
//other Browsers
transition:all 0.3s ease-out;
}
Div.box.totheleft {
left:0px;
}
Div.box.totheright {
left:80px;
}

Nine ways to accelerate HTML5 applications-------2. Using CSS to convert effects