1、利用改变宽度的形式来实现

通过鼠标放上将宽度增大来实现整个页面的变大。但是现实的效果会是从左上角开始增大的。

鼠标未放上的时候

这里写图片描述

第一种方式鼠标放上去的时候
这里写图片描述

2、利用translateZ实现

变化后的图像效果
这里写图片描述

3、利用scale实现

变换后的效果
这里写图片描述

4、利用js实现

变换后的效果
这里写图片描述

源码地址

https://git.oschina.net/x_k/scale

版权声明:本文为匿名原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: