zoukankan
html css js c++ java
CSS中定位和TRANSFORM的比较(day02)
POSITION
CSS中我们想要改变一个元素的位置,我们可以采用的方法之一就是定位,这也是我们最先接触的方法。其主要用法就是给需要移动的元素的父元素或以上添加 position:relative; 再给自身添加 position:absolute; 然后通过改变方位(top,left,right,bottom)来实现元素的移动。
TRANSFORM
CSS3中提供了transform属性,其中的translateX和translateY值可以实现元素的横向与纵向移动。
区别和选择
经过测试。TRANSFORM性能消耗只有position的十分之一!可想而知,CSS3推出新的transform属性也是加快了浏览器的运行速度。
总结
总的来说,当我们能用transform实现预想的效果就不要去使用position了,一个小小的demo就能达到10倍的差距,可想而知在大型项目中差距会更加明显。
使用transform会比top少一个layout延时
transform的Composite Layers经多次测试 延时普遍会大于top
查看全文
相关阅读:
sqlserver2005转换到2000
vs2008的注册
给联想K46装系统
两个调片技巧
mapx集合的问题
audio player播放多文件
JQuery查询ul嵌套结构中当前所处的位置
.Net中使用带UI的OCX的方法
U盘启动和量产
winrar的图标
原文地址:https://www.cnblogs.com/jackson1/p/13285557.html
最新文章
MSSQL数据库文件可以存放在FAT,NTFS格式的文件系统中,但不能存放到压缩文件里。
Exchange上修改邮件大小限制的几个地方
robocopy 忽略正在使用的文件
如何删除不存在的离线文件夹
Cisco PIX 备份ISO
笔记本和台式机推荐。
在Cisco831路由器上安装SDM,代替CRWS
映射的网络驱动器离线后重新在线,但却只能访问离线的内容,其他的访问不了。
ISA 2004中发布Exchange RPC server
IPsec 隧道模式和传输模式下的AH和ESP包封装格式
热门文章
IPSec Security Parameters in Relation to Secure IP Interface
C++ 开源程序库
[z] Flare-兼容Memcached协议的分布式(key/value store)键值存储系统
升级基于ATL3.0的项目到ATL7.0(VC6.0 to VS2008)[移植变更点]
Bug Tacker .Net 缺陷跟踪开源系统 安装 使用指南
memcache 安装 注意事项
linux下 tar解压 gz解压 bz2等各种解压文件使用方法
asp.net2.0学习历程 菜鸟到中级程序员的飞跃
ubuntu codeblocks10.05安装全过程 (包含注意事项:安装后不能启动)
MapReduce技术的开源C语言实现
Copyright © 2011-2022 走看看