首页 > 代码库 > 加速HTML5应用的九大方法-------2. 使用 CSS 转换效果

加速HTML5应用的九大方法-------2. 使用 CSS 转换效果

加速HTML5应用的九大方法-------2. 使用 CSS 转换效果
使用 CSS 转换效果来替换 JavaScript 的方法可以提升页面元素在两种状态进行转换的速度,通过使用 totheleft 和 totheright 你可以迅速移动一个框。例如:
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;
}

加速HTML5应用的九大方法-------2. 使用 CSS 转换效果