码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-14 09:41:20      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

加速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 转换效果

标签:

原文地址:http://www.cnblogs.com/jtr122624520/p/5958987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!