|方法|是否占据空间|是否响应事件|补充说明| |: |: |: |: | | |否|否|会引起回流和重绘| | |是|否| | | |是|是|会引起重绘| | 将元素移除可见区域|是| | | | 将元素缩放为 0 尺寸|是|否| | | 层级调低的同时在同样的位置上用其他元素覆盖|是|否| | ...
分类：
其他好文 时间：
2020-03-23 14:59:42
阅读次数：
76
细线边框的具体实现方法有：伪元素缩放或渐变，box-shadow模拟，svg画线，border-image裁剪等。要实现小于1px的线条，有个先决条件：屏幕的分辨率要足够高，设备像素比要大于1，即css中的1个像素对应物理屏幕中1个以上的像素点。 对于普通电脑，屏幕物理像素和css像素一一对应，显示 ...
分类：
Web程序 时间：
2018-07-05 21:27:52
阅读次数：
206
CSS3 transform是什么？ transform的含义是：改变，使…变形；转换 CSS3 transform都有哪些常用属性？ transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() ...
分类：
Web程序 时间：
2017-07-08 15:14:04
阅读次数：
2565
所谓元素转换，事实上就是对元素的坐标在二维或三维空间上做矩阵换算。依据换算的结果，又分成了多种转换类型。但不管是哪一种。都不影响元素在页面上的物理空间。仅仅改变元素的视觉效果。也就是说，比方元素缩放、旋转都不影响周围其它元素的布局。有些人喜欢用平移做元素居中效果，事实上非常不妥，由于元素原来的物理空 ...
分类：
其他好文 时间：
2017-05-30 12:56:03
阅读次数：
244
最近因为工作接触到rem与px之间的换算，之前知道一些，不过还是比较笼统模糊，用起来不是很明白，后来自己查了点资料，以及亲自测试总算明白它们之间是怎么换算的了。 rem是一个相对值，它相对于根元素html，所以我们在使用的时候需要设置html的font-size值，内容大小就相对该值进行设置大小，比 ...
分类：
移动开发 时间：
2017-05-05 00:47:06
阅读次数：
997
<style> div{background:#CCCCCC;text-align:center;} #first{float:left;width:100px; height:150px; line-height:150px;} #second{clear:left;float:left;marg ...
分类：
其他好文 时间：
2016-07-23 18:09:21
阅读次数：
140
所谓元素转换，其实就是对元素的坐标在二维或三维空间上做矩阵换算。根据换算的结果，又分成了多种转换类型。但无论是哪一种，都不影响元素在页面上的物理空间，只改变元素的视觉效果。也就是说，比如元素缩放、旋转都不影响周围其他元素的布局。有些开发者喜欢用平移做元素居中效果，其实非常不妥，因为元素原来的物理空间还在那里，控制起来不轻松。另外，转换属性（transform）只有一个，因此，转换类型不能叠加。也就...
分类：
其他好文 时间：
2015-12-21 22:06:13
阅读次数：
300
一、2D的转换通过transform来实现，它有4种方式：位移：translate（x坐标，y坐标），它是以左上角为原点的位移，不影响其他元素缩放：scale（X倍数，Y倍数），它是以元素中心为原点进行缩放旋转：rotate（度数），它是以元素中心为原点进行旋转斜切（扭曲）：skew（X度数，Y度数...
分类：
其他好文 时间：
2015-07-15 01:11:52
阅读次数：
171
Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件。它可以将页面上的任何元素进行放大缩小。当某个元素处于Zoomerang的监听状态时，点击该元素可以将它放大到屏幕的中间，再次点击它又会回到原来的位置。
使用注意事项：
该元素放大缩小效果依赖于CSS Transform（IE浏览器至少要IE10才能支持）
在固定尺寸的元素上效果最佳：display: block...
分类：
Web程序 时间：
2015-04-06 14:17:54
阅读次数：
459
jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和CSS3插件。Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速，它可以支持任何元素的平移和缩放：图片、视频、iframe、canvas或文本等等。
Panzoom支持移动Mobile的触摸姿势，也支持使用手指来缩放元素大小。它完全可以同时在桌面设备和移动手机...
分类：
移动开发 时间：
2015-04-01 13:18:20
阅读次数：
156
